AngularJS - Обновление в реальном времени Кнопка стиля

Question

Так что я пытаюсь сделать a-tag дизайнером в AngularJS, моя единственная проблема в том, что class и style из a-tag не обновляется.

код у меня до сих пор это: 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-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> 

она должна работать корректно!