AngularJS只显示一个ng-switch

时间:2013-05-30 13:20:34

标签: javascript angularjs angularjs-directive

我有angularjs的应用程序,错误范围在那里。我有10种不同的错误类型,并且必须在一瞬间显示1个错误span

我有:

<div>
  <span ng-switch="{{err == 1}}" ng-model="login_error_message">Error1</span>
  <span ng-switch="{{err == 2}}" ng-model="login_error_message">Error1</span>
  <span ng-switch="{{err == 3}}" ng-model="login_error_message">Error1</span>
  ...
</div>

我在我的控制器中设置了err = 2。但我看到了所有的跨度。如何仅显示1个跨度取决于err值?

问题解决了。溶液

  <span ng-show="err == 1" ng-model="login_error_message">Error1</span>

谢谢。

1 个答案:

答案 0 :(得分:3)

您的开关设置不正确。

<div ng-switch on="err">
  <span ng-switch-when="1" ng-model="login_error_message">Error1</span>
  <span ng-switch-when="2" ng-model="login_error_message">Error1</span>
  <span ng-switch-when="3" ng-model="login_error_message">Error1</span>
</div>

<强> Example on jsfiddle