如何在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>

＆＃39; aAsActive＆＃39;，＆＃39; bssActive＆＃39;，＆＃39; cIsActive＆＃39;在关联的控制器中定义，只有一个将是真正的＆＃39;在给定的时间。上面显示的语法不起作用。这样做的正确方法是什么？

Answer 1

在这里：if-helper

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

不过，如果你要创建导航，你应该使用link-to helper。当路由处于活动状态时，它将自动添加活动类。