【问题标题】:Using angular variables in inline styles在内联样式中使用角度变量
【发布时间】:2018-02-09 13:57:03
【问题描述】:

我想使用我的 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}}" 怎么不起作用?有一个更好的方法吗?

【问题讨论】:

标签: angularjs


【解决方案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

【讨论】:

    猜你喜欢
    • 2017-10-08
    • 1970-01-01
    • 2021-06-02
    • 2018-09-02
    • 1970-01-01
    • 2019-11-20
    • 2019-08-04
    • 2013-08-17
    • 2018-11-13
    相关资源
    最近更新 更多