问题标签 [ng-style]

[style]是否可以使用 angular2或在 angular2中更改伪元素[ngStyle]的样式？

为了在 div 上获得模糊效果，就像覆盖一样，我应该在伪元素上设置背景图像。

我尝试了类似的东西

它没有用。我也试过这个

我正在设计一个动态 hr（水平）规则。

在我的样式表中

在我的模板中

但是使用 ng-repeat 时如何动态更改模板中的内容？？？？

我是 Angular 的新手，并尝试根据从服务器返回并由前面生成的数据，ng-click使用服务在控制器之间传递一些数据。factoryng-repeat

这是 HTML：

这工作正常：

而这不是：

因为它被解释为一个简单的字符串，而不是从对象中提取的数据。

go函数负责导航到另一个页面并将数据传递给相应的controller：

工厂服务：

如何从img对象中提取数据并使用它继续发送ng-click？

我有一个带有动态 ng 风格背景图像的主 div，如下所示：

backgroundImagePath 正在根据用户选择选项而变化。一切正常。但是图像只显示背景图像设置。有没有办法在 ng 风格的背景图像过渡上添加动画？喜欢添加淡入淡出来平滑过渡？我不能只设置 div 的不透明度，因为它包含此页面的所有内容（一个 Ionic 弹出窗口）。有什么建议我应该如何处理这个问题？

这很好用

但是，如果我使用任何透明的东西，它就无法工作

background-color在元素上设置为rgb(0,0,0)（即黑色）。

我正在制作一个基本的琐事应用程序，而我从客户端收到的 JSON 数据不允许我重复琐事页面上的选择。我有六个静态元素，它们根据前几页的过滤数据（类别选择等）显示我的选择。如果不随机排序这些元素，获胜的选择总是在同一个位置。

我想在 CSS 中使用 Flexbox 的“order”属性来完成这项工作。我想生成 1 到 6 之间的随机数，然后将它们分配给每个选项。我在想 ng-style 会是我的朋友，我可以简单地为每个选项调用一个函数，该函数将吐出 1 到 6 之间的随机数并将 CSS order 属性分配给该随机数。

我已经能够在每个选择上调用一个函数，但是它为每个元素分配了相同的“随机”数字，这无济于事。我基本上想做类似以下的事情，但它会引发无限摘要循环错误或“a.replace 不是函数”错误。

如果有人能帮我解决这个问题，我会非常高兴。谢谢！！

AngularJS：

HTML：

我知道大多数人都这样使用风格：

我想有一个我刚刚计算的范围变量：

我真正想做的是将其传递给指令：

我没有看到正在编译的样式，如何让样式显示？

到目前为止我的（中）完整代码： https ://plnkr.co/edit/5wwKJ445IqPGTNGGRDIv?p=preview

我在使用 ng-style 和 ng-repeat 时遇到问题。

这是我的代码：

这是 JSON（从数据库加载的服务器端）：

“样式”不适用于我的元素。有人可以帮我解决这个问题吗？

我正在尝试通过向跨度添加类和宽度或高度样式来创建缩放效果。

它在我刷新后的第一页上工作，但是当我点击其他选项卡时，它只是在大小之间跳跃，就好像 css 转换不存在一样。如果我检查一下，我发现有时样式已经呈现，但有时它们没有。在我单击选项卡并访问每个选项卡后，缩放工作正常。为什么它在第一次尝试时不起作用，我该如何解决？

上面的第一张图片注意到没有样式，并且过渡不起作用，但是在我第二次单击选项卡（第二张图片）后，样式确实显示并且过渡效果很好。

这里： http: //jsfiddle.net/U3pVM/23506/ （如果你点击刷新它不会，但如果你点击运行它会。样式不会渲染。为什么？）

刷新页面并单击运行代码片段，然后将鼠标悬停在上面。图像会跳跃。然后再次单击运行代码片段并将鼠标悬停在上面。会有一个平稳的过渡。这是为什么？

我有下面的 html 和 css，我需要将 .tooltip:after 设置为 {{ item.color }}，就像我使用 ngstyle 为静态类设置的一样。