在内联样式中使用Angular变量

13 浏览
0 Comments

在内联样式中使用Angular变量

我想使用我的json数组中的背景颜色，但是这样不起作用。


为什么style="background-color:{{menus.color}}"不起作用？有没有更好的方法来实现这个？

0

1 答案

0 Comments

使用 angular 变量在内联样式中的原因是为了动态改变背景颜色。解决方法是使用 angular 指令 ng-style 并设置样式对象。

HTML:

 <button class="head-button" ng-style="{'background-color':menus.color}" ui-sref="{{menus.link}}">

参考链接: https://docs.angularjs.org/api/ng/directive/ngStyle

0