在内联样式中使用角度变量

Question

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

<td ng-repeat="menus in $scope.menuList">
    <button class="head-button" style="background-color:{{menus.color}}" ui-sref="{{menus.link}}">
        <md-icon>{{menus.icon}}</md-icon>
        <md-tooltip md-direction="top">{{menus.tooltip}}</md-tooltip>
        <div class="head-mini-text">{{menus.text}}</div>
    </button>
</td>

style="background-color:{{menus.color}}" 怎么不起作用？有一个更好的方法吗？

Answer 1

您可以使用角度指令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