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-style 和 ng-class 而不是 style 和 class 进行绑定 并且不要在值上使用 {{}}

ng-class="button.css.class"

并且您在绑定语法中有拼写错误将“botton”替换为“button”

<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>

它应该有效！