问题标签 [angularjs-ng-class]

我想根据角度表达式的评估创建类名，但似乎角度正在从最终编译的类中删除这些表达式。迭代单元格时，假设以下代码：

我的目标是，当 cell.count = 1 时，结果类将为“label1”，当 cell.count = 2 时，“label2”等。实际上，发生的情况是 angular 会丢弃最终类中的表达式 - 只要作为!!cell.count，无论计数如何，我都会得到类“标签”。我怎样才能做到这一点？

我正在使用 ng-repeat 将按钮应用于列表组项，其中该按钮在未选择时具有 btn-primary 类，在选择时具有减号 glyphico 和 btn-success 类以及 ok glyphicon。我正在尝试使用 ng-class 有条件地应用它，这很好，但我不知道如何通过 $index 选择来做到这一点。我查看了使用三元和逻辑 ( && ) 运算符的示例，但似乎无法正确使用语法。为了澄清，我想要一个按钮，点击它来更改它的图标和颜色。如您所见，我成功地使用 $index 来选择一个组项并更改其颜色没问题。

这是一个小插曲

http://plnkr.co/edit/dPoHtL7MgFNX4FhDXoBH?p=preview

***** 解决方案

我按照建议使用选定的 ng-repeat 项目修复了这个问题。由于 html 元素上的常规 'class' 有点像 if/else 中的 'else' 子句，我用它来评估按钮的默认状态，btn-primary 与 glyphicon-minus 和 ng-class 来更改按ID点击状​​态。

工作 plunker http://plnkr.co/edit/0j9BxFQdD2lIx7lgthDR?p=preview

如果选项卡重复，我一直在尝试更改课程，具体取决于选项卡的标题。如下所示的片段

但它不起作用。我尝试将 tab.title 更改为 $index。

尝试用 {} 和 {{}} 将其包围或不包围。但仍然。没有任何作用。

谁能告诉我我在这里做错了什么？

一如既往，感谢您的宝贵时间。

- - 编辑 - - - - -

好吧，我找到了一个有解决方法的帖子。不知道会发生什么。但它有效。如下所示的片段

我的 angularjs 表单中有一个错误。当来自 angularjs 表单的输入有效时，我想更改元素的类，如果无效则将其更改回来。

我得到了这个代码：

现在这是电子邮件的输入：

一开始添加的课程是danger，但是当我输入有效的电子邮件时，它正在删除课程但没有添加success课程..

这是angularjs代码：

请你的建议。

我正在使用 Angularjs 1.4.7 版本。我有一个<ul><li>..</li>....</ul>并且想将一个background-color属性应用于选定的li. 代码如下：

在控制器内部，我已经映射了$scope.selectedElement = 0所以默认情况下第一个li元素获取.selected类属性。

但是当我单击li元素时，我需要应用.selected该类。我可以绑定一个ng-click传递函数并将$index设置selectedElement为索引的函数，但我们可以只使用ng-class指令来完成。请让我知道这是否可能以及我目前的方法哪里出错了。

我在 ng 类模板的控制器中引用变量的值，但它不起作用。

这是 html 指令模板 URl ：

这是我在索引页面中使用指令的地方

这是指令：在这个指令中，我正在创建一个变量并将其设置为 false，并尝试在 ng-class 属性中使用它

（函数（窗口）{'使用严格';

})();

ng-click我想使用AngularJS在点击事件（点击表头）上创建一个具有排序（升序/降序）功能的表格。我已经在Plunker上分享了代码。

问题是我无法提取用于显示箭头图标的类名。

以下是 HTML 代码。

以下是模块和控制器代码

});

排序工作正常，但未拉出用于显示排序箭头图标的类。

我在这里遵循了这个答案：Bind class toggle to window scroll event因为我需要ngClass在窗口滚动时使用绑定类，根据上面提到的答案，我应该可以这样做：

但是在我的应用程序中使用此代码时，它根本不会触发指令！

这是我的代码： http ://codepen.io/nickimola/pen/dMNawj?editors=1010

我试图添加一个调试器，我注意到这个指令只有在窗口加载时才会被调用，但之后它就不再被调用了。

我在这里做错了什么？

谢谢你的帮助

我以以下格式显示菜单项。包含项目data列表，每个项目都有一个子项目。我需要为所有项目应用所选的selected类subitem和所有其他子项目deselected。如何在控制器内部执行此操作。我尝试通过ng-click在 html 中添加事件并在控制器中切换类，但它不适用于其他项目中的所有其他子项目。下面显示了 html 和控制器代码以获取更多详细信息。

在我的控制器内部，我的代码如下：

dataUI 中使用的对象也包含子对象。请让我知道我哪里出错了。

我的问题很简单：我正在这样做：

问题是大多数时候我的 css 课程collab_infoticket.tags[0]不起作用，所以我想知道它是否来自语法问题。奇怪的是有时它会起作用！然而，这class_{{infoticket.tags[0]}}总是有效的。