问题标签 [ng-style]

我正在尝试使用 ng-style 根据它们的值有条件地设置表中数据元素的颜色。每行数据都是使用 ng repeat 生成的。

所以我有类似的东西：

以及我的控制器中的一个函数，它执行以下操作：

我尝试了几种不同的方法。甚至将颜色设置为支付对象中的数据属性，但似乎我无法获得 ng 样式来处理来自数据绑定的数据，有谁知道我可以做到这一点的方法吗？谢谢。

我正在尝试通过使用角度将背景图像应用于 div ng-style（我之前尝试过具有相同行为的自定义指令），但它似乎不起作用。

不过，如果我尝试使用背景颜色，它似乎工作正常。我也尝试了远程源和本地源http://lorempixel.com/g/400/200/sports/，但都不起作用。

我正在尝试使用动态设置 div 宽度，ng-style但它没有应用样式。这是代码：

控制器：

我错过了什么？

小提琴链接：小提琴

这应该是一个简单的问题，但我似乎找不到解决方案。

我有以下标记：

我需要将背景颜色绑定到范围，所以我尝试了这个：

那没有用，所以我做了一些研究并发现ng-style，但这没有用，所以我尝试将动态部分取出并仅将样式硬编码为ng-style，就像这样......

这甚至行不通。我误解了它的ng-style工作原理吗？有没有办法放入{{data.backgroundCol}}一个简单的样式属性并让它插入值？

我有以下标记：

运行良好，但这不是：

完整的例子可以在这里看到：http ://plnkr.co/edit/aZsZEM?p=preview

我知道样式和 IE 存在问题，这就是我使用 ngStyle 的原因，但它不会更新它的样式（尝试在 IE 中单击完整示例中的缩放）

谢谢你的帮助

拉尔西

我有这个进度条

使用 chrome 开发工具调试后，我将良好的宽度发送到 ng-style。当我停止执行时（在源代码中使用 F8），样式会更新到合适的宽度。如果我不停止执行，条形图会慢慢变为勉强 1%，然后当上传达到 100% 时，条形图会从 1 变为 100%。

我正在使用ng-flow 来上传我的文件，而不是一个完整的文件。

这里有一些图片来展示这种行为：
第一张图片显示它没有足够快地更新样式（0% 的栏没有显示一个小的蓝色条） 当文件完全上传时会发生这种情况 当我按 F8 时开发者工具源代码（调试）样式更新正确。

这是一个带有进度条的上传工作示例的链接。

我尝试在 ng 样式中使用 file.progress()，但它的行为相同。虽然没有调试器，但上传的大小更改得很好，它实际上只是似乎没有更新的 ng 样式。

编辑：在 Firefox 中进行测试，栏加载速度稍快，当文件达到 100% 时，加载速度可达 5-10% 左右。

编辑2：

这里的html...

附加说明：我使用的是 Angular 1.1.5

我正在尝试有条件地显示具有 ng 风格的图像。我已经尝试了此处（以及文档中）列出的所有建议，但似乎没有任何效果。

这是一个JSFiddle

我需要将多 css 规则应用于角度表单模板中的 html 标记。

控制器中的 getStyle 函数：

任务类型对象：

该getStyle函数不返回样式！该怎么办？

我必须在语法上遗漏一些东西，但是如果未填充范围变量，我怎么能有默认的背景颜色呢？

以下对我不起作用：

但是，此语法适用于其他地方：

我在使用 ng 风格的语法时做错了什么？

我的 ng-style 如下，对后台不起作用：

我添加了边框以确保考虑到 hg 样式指令本身（并且边框是红色的）。

在 DOM 中，当边框实际存在时，我看不到背景。

任何想法？