查看助手:如果布尔值为 false,则为 classBinding

2023-11-27

如果布尔值为 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作为视图的类名,如果controller.content.isActive是假的。

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


UPDATE:Pull Request已合并,因此您可以为a添加一个类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')
});

我创建了一个请求请求尚未合并,但它解决了这个问题,并将解决与此类似的问题:

{{#view App.MyView controllerBinding="this"
   classBinding="controller.content.isActive:is-active:is-not-active"}}
    <div>test</div>
{{/view}}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

查看助手:如果布尔值为 false,则为 classBinding 的相关文章

随机推荐