如何在Ember 1.13中绑定多个类名？

Question

不赞成使用bind-attrHandlebar if语句进行类名绑定; 如何将多个类名绑定到元素？

该文档指定单个绑定类名的语法,但不指定多个:

<div class={{if isEnabled 'enabled' 'disabled'}}>
    Warning!
</div>

结果(何时isEnabled=true):

<div class="enabled"}}>
    Warning!
</div>

但是如果我需要将其他类名绑定到这个元素呢？我试过了:

<div class={{if isEnabled 'enabled' 'disabled'}}{{if isNew 'new' 'old'}}>
    Warning!
</div>

和(有和没有分号)......

<div class={{if isEnabled 'enabled' 'disabled'; if isNew 'new' 'old'}}>
    Warning!
</div>

第一个是最后的胜利,第二个甚至不编译.

Answer 1

在{{if}}帮助者周围加上引号:

<div class="{{if isEnabled 'enabled' 'disabled'}} {{if isNew 'new' 'old'}}">
</div>

你也可以写一个帮手来为你做一些工作.