本文介绍了车把条件样式属性的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用ember 1.8.1
控制器有一个属性isDisplay
在把手中，我是这样实现的，它可以工作，但是代码太长
{{#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>
推荐答案
简单的解决方案是
<div style={{unless isDisplay "display: none;"}}></div>
但是，Ember将抛出将样式直接绑定到元素的警告。请参见Binding Style Attributes
因此，创建类并切换它将是最安全、最干净的方式。
<div class={{unless isDisplay "hide"}}></div>
.hide {
display: none;
}
这篇关于车把条件样式属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！