Menu
How to write Switch Statement in angularJS Controller ?
My Source Code is
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<table>
<tr ng-repeat="x in names">
<td>{{ x.Name }}</td>
<td><a href="" ng-click="SwitchFuction(x.Name, x.Sno)">{{ x.Country }}</a></td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
$scope.names = [
{ Sno: '1', Name: 'Jani', Country: 'Norway' },
{ Sno: '2', Name: 'Hege', Country: 'Sweden' },
{ Sno: '3', Name: 'Kai', Country: 'Denmark' }
];
$scope.SuperFunction = function (id) {
alert(id);
};
$scope.SwitchFuction = function (name, sno) {
switch (sno) {
case '1'
alert("1. Selected Name: " + name );
break;
case '2'
alert("2. Selected Name: " + name );
break;
default:
}
};
});
</script>
</body>
</html>
How to Write the Switch Statement within the function SwitchFuction ??? In the above Source Code contains some semantic error. Kindly assist how to write the Switch Statement?
The Error Screen :
561
AngularJS ng-switch Directive The ng-switch directive lets you hide/show HTML elements depending on an expression. Child elements with the ng-switch-when directive will be displayed if it gets a match, otherwise the element, and its children will be removed.
In computer programming languages, a switch statement is a type of selection control mechanism used to allow the value of a variable or expression to change the control flow of program execution via search and map.
there is a syntax error in your SwitchFunction after each case : is missing
correct code:
$scope.SwitchFuction = function (id, caseStr) {
switch (caseStr) {
case '1':
alert("Selected Case Number is 1");
break;
case '2':
alert("Selected Case Number is 2");
break;
default:
}
};
AngularJS is built on top of JavaScript and it has no different syntax for switch case than JavaScript(As long as you are using it in script). JavaScript support switch case statements with following syntax.
switch (expression) {
case value1:
//Statements executed when the result of expression matches value1
[break;]
case value2:
//Statements executed when the result of expression matches value2
[break;]
...
case valueN:
//Statements executed when the result of expression matches valueN
[break;]
default:
//Statements executed when none of the values match the value of the expression
[break;]
}
Reference
41
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
