From the docs — Be aware that the attribute values to match against cannot be expressions. They are interpreted as literal string values to match against. For example, ng-switch-when=”someVal” will match against the string “someVal” not against the value of the expression $scope.someVal. So in other words, ng-switch is for hardcoding conditions in your templates. … Read more
ngswitch only allows you to compare a single condition. I you are looking to test multiple conditions you can use ng-if available with version 1.1.5 Reference It is important to note that using ng-if and ng-switch remove the element from the DOM structure, opposed to show and hide. This is important when you traverse the … Read more
This is a scope inheritance problem due to ng-switch creating its own scope. One recommendation made often is always to use a dot on models. The reason is that when the controller scope item is an object and not a primitive, sub scopes will create a reference to the initial object. If model is a … Read more
If you evaluate ‘d’ || ‘e’ || ‘f’ the result is ‘d’ and when options is not ‘d’, then it doesn’t match. You can’t use ngSwitchCase that way. This would work: <ng-container [ngSwitch]=”true”> <ng-container *ngSwitchCase=”options === ‘a'”>Code A</ng-container> <ng-container *ngSwitchCase=”options === ‘b'”>Code B</ng-container> <ng-container *ngSwitchCase=”options === ‘c'”>Code C</ng-container> <ng-container *ngSwitchCase=”options === ‘d’ || options === … Read more
For angular >=v1.5.10, You can do it by adding ng-switch-when-separator=”|” to ng-switch-when node. see example in documentation. <span ng-switch-when=”wrong|incorrect” ng-switch-when-separator=”|”> see discussion here https://github.com/angular/angular.js/issues/3410 Note, based on my experience it doesn’t work with numbers…yet?