AngularJS - ng-switch v2
HTML
<div ng-controller="MyController">
Value read from global variable: {{myConstant}}
<p ng-repeat="item in items">
<span ng-switch on="{true:'const', false: item.value}[myConstant == item.value]">
<span ng-switch-when="const">
<span class="blue">{{item.name}}</span> (emphasis applied by ng-switch)
</span>
<span ng-switch-when="4">
<span class="red">{{item.name}}</span> (emphasis applied by ng-switch)
</span>
<span ng-switch-default>
{{item.name}}
</span>
</span>
</p>
</div>
CSS
.red { color: red; }
.blue { color: blue; }
JavaScript
var app = angular.module('myApp', []);
app.run(function ($rootScope) {
$rootScope.myConstant = 2;
$rootScope
});
function MyController($scope) {
$scope.items = [
{ name: "one", value: 1 },
{ name: "two", value: 2 },
{ name: "three", value: 3 },
{ name: "four", value: 4 },
{ name: "five", value: 5 }
];
}