Question

如果布尔值为FALSE，如何使用#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}}

如果is-not-active为false，我想将controller.content.isActive作为类名绑定到视图中。

我可以在视图上创建一个简单的逆变器功能，但我有更好的方法。

Answer 1

更新：已合并了拉取请求，因此您可以为false值添加类，如下所示：

{{#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 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}}

View helper：如果boolean为false，则为classBinding

1 个答案: