Question

所以我试图在a-tag中设置一个AngularJS设计师，我唯一的问题是class的{{1}}和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代替样式和类进行绑定并且不要在值

上使用{{}}

ng-class="button.css.class"

你在拼写语法替换＆＃34; botton＆＃34;中有拼写错误使用＆＃34;按钮＆＃34;

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

它应该有效！

AngularJS - 实时更新按钮样式

2 个答案: