ember动态更改类名

Question

在我的ember应用程序中，我想根据输入是否更改来更改按钮。下面是我的代码工作正常，但代码有冗余。有更好的方法来做到这一点：

html代码：

<div {{bind-attr class="isActive:active"}}>
    {{#if isActive}}
        <button class="primary button" {{ action 'saveData' }}>Save</button>
        <button id="btn-cancel-info" class="secondary button">Cancel</button>
    {{else}}
        <button class="primary button inactive">Save</button>
        <button id="btn-cancel-info" class="secondary button">Cancel</button>
     {{/if}}
</div>

我在objectController中设置isActive的值。

Answer 1

您可以使用bind-attr帮助程序。

{{bind-attr class="isNotActive:inactive :primary :button"}}

正如您所看到的，我在其他静态类中添加了以下内容，下面是另一个关于bind-attr帮助程序上的静态类的问题的链接。

Append a dynamic class to a view having a static class