问题标签 [ng-class]

我是 Angular Js 的新手。我需要在其单击事件上向元素添加一个类。我尝试了以下代码。但它不起作用。

这段代码有什么问题？是否有必要使用 ng-class ？怎么做？

这是灰色条：

这是绿色条：

这是代码的主体：

我想提出一个：

在 barCurrent 指令中，如果 current 大于或等于 max，则为鳄梨绿色，如果 current 小于 max，则为粉红色。但是，当我将这个 ng-class 放在 barCurrent 指令中时，什么也没发生。

你能建议任何解决方案来实现这一点吗？谢谢

我尝试创建一个指令：

并且 ng-class 不起作用。有什么想法为什么它不起作用，或者你能建议另一种方法吗？

这是我的控制器：

这是html正文：

我想在 ng-class 中完成这种风格：

我的指令在 chrome 中完美运行，但在 IE8 中却不行：

在 IE 中发生的情况是......示例可能之前的 max:100 和 current:100 然后灰色条的宽度为 100px，彩色条的宽度为 100px。彩色条的颜色将为绿色，因为 current 等于 max... 然后我将 scope.changeability 更新为 max: 130 和 current:90 所以我应该期望灰色条的宽度为 130px 并且彩色条的宽度应为 90 像素，但宽度不会更新。颜色是正确的。问题是宽度，因为它没有更新。

我还添加了 polyfill

如果我有：

当为 true或者假设( ) 值为 true时，使其添加in类的最简单方法是什么？$firstitem.in$scope.item.in

注意： $first是因为我有一个ng-repeat封闭这一行，但如果您觉得代码不完整，它可以是任何其他布尔值或 0/1 值。

我正在尝试根据表达式的值将类设置为按钮，如下所示

我正在尝试检查是否选择了某些项目的长度以及是否存在消息，否则将禁用类添加到按钮。

如果我只尝试这个，

并且它评估为 FALSE 类被添加，但如果我添加 && 即 AND 条件，它会失败。

如何检查 AND 表达式？

我很难理解什么时候item.dynamicClass = 'article'为什么

不返回像这样的 div：

而是返回：

我能够完成这项工作的唯一方法就是做

我想要一个不涉及控制器的解决方案

我正在尝试使用 AngularJS 验证表单。这是我的表格：

ng-class 从未应用。我尝试了 email.$valid、email.$invalid 和 email.$error。控制器除了登录到控制台之外什么都不做，所以我知道它被调用了。当我设置$scope.email = 'asd@asd.com'硬编码时，它设置正确。

当我没有输入任何值或输入无效字符串时，为什么我的 ng-class 没有应用？

我正在尝试如何使用 ngClick 添加一个类。我已经将我的代码上传到 plunker点击这里。查看角度文档，我无法弄清楚它应该完成的确切方式。下面是我的代码片段。有人可以指导我正确的方向吗

控制器

我有一个在控制器中设置类的数组（必须是这种方式，它是从页面的元模板中读取的）。我还希望将条件类应用于同一元素。可能吗？

编辑，更多信息：我的 html 元素具有源自两个来源的类 - 一个是由控制器创建的一组类（它们由我的代码之外的服务提供，我不能将它们硬编码在视图中）。另一个来源是条件的输出（例如：if "$scope.activeElement === name_of_this_element, add 'active' class）。
在 ng-class 指令中，我不能对未指定的类列表使用对象表示法（第一个来源）我必须对条件类使用对象表示法。

编辑：找到了解决方案（见下文）。