问题标签 [angularjs-ng-style]

我有一个字符串和按钮列表，它们可以更改本地范围内每个字符串的颜色属性。每个新添加的字符串都是黑色的，因为从 Controller 范围获取颜色属性。如何在新字符串的本地范围内初始化颜色属性？

这只是一个演示我的问题的例子。因此，在实际项目中，我无法将新属性添加到列表（例如 currentColor: 'Red'）或其他内容。我只想知道：创建此范围时如何为本地范围内的属性设置值。

当我使用 Angular动态更改 div 的 backgroundImage时，我发现有两种方法可以设置背景图像：

第一的：

<div style="background:url({{example_expression}})"></div>

第二：

<div ng-style="{backgroundImage: 'url({{example_expression}})'}"></div>

但是当我改变时example_expression，只有第一种方式可以动态改变背景图像。

Plunker中有一个例子

ngStyle 有什么问题？

我想拥有更多 ng 风格的属性，但它不起作用。

这是我的代码行：

如果我只有，{color: titleColor}那么它可以完美运行。

帮我把字体大小也放在那里

我使用 Angular 的 ng 样式和 css 的“calc()”进行了以下内联样式，但它不起作用。谁能告诉我有什么问题？

我在 AngularJs 中使用ngStyle指令来更改元素的背景图像，我注意到当图像的 URL 包含括号“()”时，不会应用该样式。

有什么建议吗？

小提琴

编辑 2（答案）：对于遇到此问题并寻找类似问题解决方案的任何人，解决方案都在 Gianmarco 回答下的评论中。该productusage数组使用与下面的函数相同的函数进行预处理$scope.alternate，结果用于在数组中的每个项目上设置一个 isAlternate 标志。然后在 ng-style 或 ng-class 属性中使用它来确定在行上使用哪种样式。

编辑：为清楚起见：我有一组 RANames 可能会去... RAFoo，RAFoo，RABar，RABar，RABar，RABar，RABaz，RABaz，RABaz 等...我不希望该行交替颜色，直到它遇到了一个新的 RAName。具有相同 RAName 的 RAName 值的数量是可变的，因此可能有 2 个“RAFoo”、4 个“RABar”和 3 个“RABaz”等。它可以改变。

我的控制器中有以下代码：

在模板中我有：

我想交替表的 RAName 和 ProductDescription 字段的颜色，根据 RAName 有效地“分组”它们。PeriodCaseCt 和 PeriodCaseCt 字段采用颜色编码。现在一切正常，我希望这是故事的结局，但是我收到了一堆这些错误：

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [[{"msg":"alternate(item.RAName) ? {'background-color':'#f5f5f5'} : {'background-color':'white'}","newVal":{"background-color":"white"},"oldVal":{"background-color":"#f5f5f5"}}

现在，我不需要在第一次通过后观察这些值，它确实正确设置了所有内容，并且最终用户永远不会知道，除非他们打开了开发人员工具/控制台选项卡，但我知道它会窃听 $# %% 出我。我该如何改进/解决这个问题？

我从范围变量中获取值，我想将 20px 添加到该值并在 html 中显示它。以下是代码：

值 x 来自我的控制器，它的值为 300。当我尝试它应该从顶部显示元素 600 像素但没有添加该值并显示为 300300 像素。它连接两个值。

你能告诉我如何解决这个问题。

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

我有一个 ng-style="tghov.top"tags-modal但它没有转化为style="top:50!important"标记。

this.top = { "top" : "50px !important" };

我ng-style在代码中使用过，但我的经理说不要使用ng-style，因为它会产生问题。

我仍然不知道他之前遇到了什么问题，我想知道使用的缺点是ng-style什么？

我想根据 ng-model 更改标签颜色和光标类型

索引.html

默认类是费用类型，但是当单击按钮时，其类应更改为禁用类

索引.css

index.js