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

我想使用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>

{{菜单.图标}
{{菜单.工具提示}
{{menus.text}

---

为什么

style=“background color:{{{menus.color}}”

不起作用？有更好的方法吗

您可以使用angular directive

ng style

动态更改背景颜色

HTML：

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

有关更多参考信息：

的可能副本