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

在内联样式

1 个答案: