问题标签 [ng-style]

我需要有多个原始样式属性，例如：

这是行不通的。它在我使用时有效

但不适用于 IE。

我想使用 uiui.grid.autoResize模块自动调整 ui-grid 的大小，但 ngStyle 从不适用

我做了这个 plunker来表明我的意思

这是我的代码

这是我的代码ng-style="background: {{x.background}}"

什么呈现ng-style="background: #f4f4f4"

我期待style="background: #f4f4f4"

我在 angularjs 应用程序中有以下风格，它工作正常。这可以用 ng-style 代替，还是像我现在拥有的那样坚持 style 属性更好？

我尝试过但不起作用的 ng 样式代码。

我正在尝试制作 2 个 div，它们的宽度由 angularJS 值（0 - 100）设置，所以我这样做了：

但宽度是根据 videoRating 的初始值计算的。当我更改该值时，它不会更新样式。

关于如何做到这一点的任何建议？

我尝试添加ng-cloak但$scope.$apply()没有运气

每当我更改用于 ng-repeat 的数组中的值时，Ng 样式指令的函数都会为我的数组中的所有项目触发。查看示例并注意“getStyle(text)”函数的控制台日志。

http://jsbin.com/panotuyepe/1/edit?html,js,控制台,输出

有什么方法可以防止 angular 对数组中的所有其他值进行脏检查，因为它们没有改变？更改仅针对数组列表中的一项。不需要检查其他 ng 重复项。

我想通过更新变量将数组 (item.x, item.y) 中的x，yng-style的值传递给父元素的值transformX，transformY（更新是通过ng-click指令实现的）。

-html-

-控制器-

这是我无法实现的 - 我希望父元素的 ( section) 样式属性随着figure对子元素的点击而更新，以便被点击的项目居中（因此item.y * -1）。变量会更新，样式不会。

普朗克

有什么方法可以使指令内部transformX的transformY变量ng-style真正起作用并动态更新？这个ng-style="{'transform' : translate(transformX,transformY)}"不行。。

我有这张表显示软件日志，它由 JSON 数据填充：

它工作正常，但我希望能够根据tr其严重性更改每个元素背景。例如，如果该日志的严重性为“ERROR”，则其在表中的条目应为红色背景，如果严重性为“MESSAGE”，则应为绿色等。

我已经看过了ng-style，但我没有找到如何将它用于此目的。

有什么建议么？

只是想分享一些东西，希望它可以为别人节省时间。我在这个看似简单的概念上挣扎了一段时间，但找不到符合我特定需求的东西。

问题：

我在 AngularJS 中构建了一个游戏，提示用户单击/点击一个 ng-repeat 元素以根据出现的场景做出选择。有一个持久的计分表/条。我希望它的宽度动画到使用所选 ng-repeat 项目的点值计算的百分比值。这是我习惯在 jQuery 中轻松完成的事情，但 Angular 让我陷入了循环。

解决方案：

我最终在我想要动画的元素上使用了 ng-style 指令中的一个函数。由于该元素（得分栏）位于 index.html 中，因此我还使用了 rootScope。

因此，当我在控制器中获得所选项目的点值时，如下所示：

我可以计算百分比并为 rootScope 上的得分栏设置动画，如下所示：

然后，在视图中，updatePoints 函数通过 ng-style 应用于得分栏元素，如下所示：

因此，现在，当单击/轻按选项时，将计算百分比并根据该百分比动画分数条。

这是小提琴：http: //jsfiddle.net/bjDesign/0mLksrym/18/

如果有人有更好的解决方案，我很乐意看到它。我真的在挖掘 Angular 很多......有时似乎很难弄清楚如何在 UI 中实现我喜欢使用 jQuery 为我的客户提供的那种流动性。

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

第一的：

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

第二：

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

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

Plunker中有一个例子

ngStyle 有什么问题？