javascript - AngularJS 只显示一个 ng-switch

标签 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>

我在我的 Controller 中设置了 err = 2。但我看到了所有的跨度。我怎样才能使 1 个跨度可见取决于 err 值?

问题已解决。解决方案:

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

谢谢。

最佳答案

您的开关设置不正确。

<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

关于javascript - AngularJS 只显示一个 ng-switch,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16837350/

相关文章:

javascript - 如何使 templateUrl 为 null 或未定义或空字符串的指令

javascript - AngularJS:如何从指令添加的元素中删除事件处理程序?

javascript - Angular : Asynchronous Promise in Switch Statement

javascript - 修改默认的 HTML5 视频控件

javascript - JQuery .center 不是一个函数

javascript - 如何在 CakePHP 中添加 onChange 事件来选择标签?

javascript - AngularJS:如何在编辑模式下卡住 ng-repeat 中的 orderBy

javascript - 可以将 AngularJS 用于 Chrome 扩展的选项页面吗?

angularjs - 如何创建要在任何模块中使用的指令?

javascript - 输入类型复选框在 Bootstrap 模式中不起作用