AngularJS Simple ng-switch无法正常工作

时间:2014-06-18 06:12:52

标签: javascript angularjs

没有错误可见。这个ng-switch指令有问题还是我在其他地方出了问题?

控制器

app.controller("MyCtrl", ["$scope", function($scope) {
    $scope.model.error = 1;
}]);

查看

<div ng-switch="model.error">
    <label ng-switch-when="1">Error: Username do not exists.</label>
    <label ng-switch-when="2">Error: Password is incorrect.</label>
    <label ng-switch-when="3">Error: Username is already taken.</label>
</div>

1 个答案:

答案 0 :(得分:4)

ngSwitch没有任何问题。问题是您没有初始化变量 $ scope.model 因此您必须在浏览器控制台中收到错误。

TypeError: Cannot set property 'error' of undefined

使用

app.controller('MainCtrl', function($scope) {
   $scope.model = {}; //Added the line to initializing variable.
   $scope.model.error = 1;
});

DEMO