javascript - Angular 切换按钮

Question

我有一个 Bootstrap 主题的 Angular 应用程序，它有 2 个单选按钮，可以打开单独的页面。两者不能同时选择。当选择一个时，我想要 btn btn-primary active为类别值，而另一个未选择的类别属性为 btn btn-secondary .

我花了几个小时在谷歌上搜索并尝试不同的东西，但没有任何效果。 Here's the plunker到目前为止我的尝试。知道我做错了什么吗？

Answer 1

一些事情是关闭的-

1. 您没有包含 AngularJS。当然它不会运行，它根本不存在...

2. 您试图以错误的方式使用 ng-class 作为类。除了使用 ng-class 的事实属性通常更容易*，您的格式错误。您有ng-class=!view.isSelected ? 'btn-primary active' : 'btn-secondary' ，应该是 ng-class:!view.isSelected ? 'btn-primary active' : 'btn-secondary' 。请注意:而不是 =标志。

   *这并不是说您不能使用 class ng-class 的版本(这样做绝对是有效的)，但我通常会区分 class 中是否有静态类属性，以及 ng-class 中的任何动态内容。

3. 您没有 Controller 。虽然从技术上讲，您可以通过否定未定义来使 View “真实地”创建作用域变量(这是一种非常草率的方法)，但这最多允许您拥有一个二进制/切换 radio 集，或一组相互允许切换。 在你的 Controller 中，你应该有一个作用域变量来保存按下的按钮(每个按钮在单击时将其设置为指示现在是它们)，并具有 ng-class对此进行评估。