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

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