インラインスタイルで角度変数を使用する

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}}"は機能しませんか？これを行うより良い方法はありますか？複数の基準について

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

：あなたは動的にあなたの背景の色

HTMLを変更するには、角度指令ng-styleを使用することができます

Answer 1

のhttps://docs.angularjs.org/api/ng/directive/ngStyle