AngularJS - 實時更新按鈕樣式

Question

所以我想在AngularJS中設計一個a-tag設計師，我唯一的問題是a-tag的class和style沒有更新。

我到目前爲止的代碼是這樣的：DEMO

Answer 1

是因爲在這個代碼塊;

<!-- Button example --> 
<div class="item"> 
    <h4>Example</h4> 
    <a style="{{botton.css.style}}" class="{{botton.css.class}}"> 
     <i class="{{botton.css.icon}}"></i> {{ button.text }} 
    </a> 
</div> 

你稱之爲botton而不是button？

編輯：是的，這就是爲什麼。

Answer 2

必須使用NG-風格和NG-類，而不是風格和類結合 和不使用{{}}價值

ng-class="button.css.class" 

，你有錯字的綁定語法替換「鈕」與「按鈕」

<div class="item"> 
    <h4>Example</h4> 
    <a ng-style="botton.css.style" ng-class="button.css.class"> 
    <i ng-class="button.css.icon"></i> {{ button.text }} 
</a> 

它應該工作！