问题标签 [ng-style]

我有一个样式对象，我只需要为第一个元素设置另一个 CSS 样式。我专门为此创建了一个指令，但它不起作用

我会感谢你的帮助！

这是代码：

谢谢！

我试图弄清楚如何在 IE 上进行这项工作：

<div ng-if="result.is_mesurable==true" style="left:{{ (result.user_score * 20)-10}}%" class="test-box">

代码基本生成动态表，对象的左边位置取自user_score值。

我知道 IE 没有正确阅读此声明，我过去也遇到过类似的错误：

AngularJS奇怪的渲染问题

“因为 {{xxx.xxx}} 是无效的 css，它被 IE 截断，当角度编译器扫描所有属性时，样式属性为空。”

我知道必须有一个类似的解决方案，但到目前为止我一直无法弄清楚。

提前谢谢。

另外，请注意，IE 上的结果是一个空样式 attr。

我正在尝试使用 angular 对元素应用渐变，但使用ngStyle.

这是我尝试实现的示例： http ://run.plnkr.co/plunks/mwJBcWaJ1hqOUCsSyy8a/

老链接，失效了http://run.plnkr.co/maDs3PSWw4Y5tDfb/

在示例中，我使用的是 plain style="{{css}}"，这不是文档中描述的推荐方法（短版，第 5 步）。它不会在 IE <= 11 中呈现。

如果我尝试ng-style="css"像这样使用和设置：

您会看到明显的问题，该css对象只能包含一个background.

我想不出很多我必须像这样使用浏览器前缀的情况。AngularJS 是否以任何方式解决了这个问题，或者是否有 IE <= 11 解决方案？

我有div一个ngStyle属性。最初div看起来不错。但是当我更新属性内部使用的ngStyle属性时，style标签不会更新。因此更改不会反映到div.

这是我的意思的一个例子：http ://plnkr.co/edit/YQIxJYEFWwbxiXr4HBwY?p=preview

最初div是绿色的。当您单击其下方的按钮时，您可以看到该ngStyle属性已更新为#ff0000（红色）颜色。但是该style属性没有得到更新。

有什么方法可以强制 angularstyle再次更新属性？

请注意：在我的真实场景中，div 有更多的style属性。并且div还有一个<p>具有样式属性等的标签。

我现在不想改变ngStyle外观。我想知道当我使用这个方法时是否可以强制更新样式属性。

我正在尝试根据 API 中的其他数据设置从 API 中提取的图像周围的边框颜色和框阴影颜色。基本上，我希望动态加载这些颜色。通过研究，我知道 ng-style 是要走的路，我已经完成了 90% 的路。我在使用 ng 样式的 CSS 中的 API 调用返回的数据时遇到问题。见下文：

相关的html：

来自 Angular 控制器的相关代码：

我对如何将 API 结果（response.prim_hex 和 response.sec_hex）获取到我的 CSS 对象 homeColors 中感到困惑，因此它们被加载到我的 ng-style 指令中。

我正在尝试更改 div 的背景颜色。我的html代码如下：

在控制器中挖掘 js 代码：

控制器的第一行将背景颜色更改为红色。当我将文件设置为输入警报时显示“红色”并且没有将背景颜色更改为蓝色。当我更改输入文件（触发功能）警报显示“蓝色”并且再次没有更改背景颜色。当我从函数更改值时，为什么 ng-style 不改变颜色？

我有一个简单的 ng-repeat 会抛出一堆数据：

这会抛出类似的东西：

如何根据中的值将 CSS 属性添加到我的 DIV{{data.Age}}

所以，如果年龄是 25 岁，我的 DIV 应该有 25% 的宽度。

我试过了：

哪个失败了

使用 Plunkr 更新：

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

• 我有 2 个指令：wa-hotspots& wa-tooltips。
• ng-mouseover其中一个wa-hotspots采用 $index并 通过匹配索引设置通孔wa-hotspot的可见性和位置。wa-tooltipng-class:onng-style="tooltipCoords"
• 注意：由于wa-hotspots&wa-tooltips共享相同的集合page.hotspots，因此它们通过共享相同的索引ng-repeat

问题： 当您将鼠标悬停在wa-hotspots它上面时，会将ng-style位置设置为wa-tooltips. 我只希望它设置正确的匹配索引。由于可见性由 ng-class 控制，这并不重要，但似乎这是可以避免的额外开销。

所以：

问题： 我怎样才能确保我的 ng-style 不是所有wa-tooltipson hover 的样式wa-hotspots？而是仅设置与正确共享索引匹配的工具提示样式？

工具提示：

只有当我尝试将属性呈现为样式属性时，我才会遇到 IE 问题。

html:

小提琴

如果您的解决方案将使用 ngStyle，我将很高兴提供使用变量的代码示例$scope.color。这意味着当$scope.color将发生变化时，我希望背景也会发生变化。

我在 Angular 中创建了一个简单的指令，它生成一个滚动条来显示一些产品。

我对代码的一部分有疑问。

在我的页面上执行此操作后，我得到了滚动条，并且“li”元素内的 ng 样式正确显示，而“ul”的 ng 样式则没有。

我尝试了多种解决方案，甚至尝试从“li”元素添加完全相同的 ng 样式，但它只是没有得到处理，也没有添加任何样式。

任何人都可以通过指出我的标记中的错误或可能的原因来帮助我，一种 ng 风格在 Li 元素上工作而另一种在 UL 本身上不起作用？

我遇到的另一个问题是 currentMargin 的值在 IE8/9 等中没有更新。

谢谢