javascript - Handlebars 条件样式属性

Question

我正在使用 ember 1.8.1

Controller 有一个属性isDisplay

在 Handlebars 中，我是这样实现的，它可以工作，但是代码太长了

{{#if isDisplay}}
    <div class="form-group">
    </div>
{{ else }}
    <div class="form-group" style="display:none;">
    </div>
{{/if}}

我试过像这样使用条件，但它不起作用

<div class="form-group" {{bind-attr class="!isDisplay:'display:none;'"}}>
</div>

Answer 1

一个简单的解决方案是

<div style={{unless isDisplay "display: none;"}}></div>

但是，对于将样式直接绑定(bind)到元素，Ember 会发出警告。参见 Binding Style Attributes

因此创建一个类并切换它是最安全和最干净的方式。

<div class={{unless isDisplay "hide"}}></div>

.hide {
   display: none;
}