ember.js - 查看助手 : classBinding if boolean is false

Question

如果 bool 值为 FALSE，我如何使用 #view 助手将类绑定(bind)到 View ？

// this is working
{{#view App.MyView controllerBinding="this" classBinding="controller.content.isActive"}}
    <div>test</div>
{{/view}}

// and this is what i want:
{{#view App.MyView controllerBinding="this" classBinding="!controller.content.isActive:is-not-active"}}
    <div>test</div>
{{/view}}

我要绑定(bind) is-not-active作为 View 的类名，如果 controller.content.isActive是假的。

我可以在 View 上制作一个简单的逆变器功能，但我有更好的方法。

Answer 1

更新 :Pull Request 已合并，因此您可以为 false 添加一个类像这样的值(value):

{{#view App.MyView controllerBinding="this"
   classBinding="controller.content.isActive:is-active:is-not-active"}}
{{/view}}

如果值是 true 时不想添加类，您可以使用以下语法:

{{#view App.MyView controllerBinding="this"
   classBinding="controller.content.isActive::is-not-active"}}
{{/view}}

我会在 View 上创建一个属性(就像你已经对你的逆变器所做的那样)并绑定(bind)到这个:

Handlebars :

{{#view App.MyView controllerBinding="this" classBinding="isNotActive"}}
    <div>test</div>
{{/view}}

JavaScript :

App.MyView = Ember.View.extend({
    isNotActive: Ember.Binding.not('controller.content.isActive')
});

我创建了一个 Pull Request尚未合并，但它解决了这个问题，并会以类似的方式解决它:

{{#view App.MyView controllerBinding="this"
   classBinding="controller.content.isActive:is-active:is-not-active"}}
    <div>test</div>
{{/view}}