ember.js - 如何在 ember 2.0 中通过绑定添加类

Question

我的 Ember 2.2 应用程序中有一个引导按钮组，如下所示：

 <div class='btn-group' role='group' aria-label='...'>
     <button type="button" class="btn btn-primary btn-xsm active={{aIsActive}}" >A</button>
     <button type="button" class="btn btn-primary btn-xsm active={{bIsActive}}" >B</button>
     <button type="button" class="btn btn-primary btn-xsm active={{cIsActive}}" >C</button>
</div>

“aIsActive”、“bIsActive”和“cIsActive”在关联控制器中定义，在给定时间只有一个为“真”。上面显示的语法不起作用。这样做的正确方法是什么？

Answer 1

给你：if-helper

<button class="btn {{if aIsActive 'active'}}" >A</button>

顺便说一句，如果您正在创建导航，您应该使用链接到助手来完成。当路由处于活动状态时，它将自动添加活动类。