相关疑难解决方法(0)

12
推荐指数
1
解决办法
3439
查看次数

View helper:如果boolean为false,则为classBinding

如果布尔值为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}}
Run Code Online (Sandbox Code Playgroud)

我想绑定is-not-active为视图的类名,如果controller.content.isActive是false.

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

ember.js

5
推荐指数
1
解决办法
1484
查看次数

使用Ember的动作助手,bind-attr是设置CSS样式的唯一方法吗?

随着Ember.Button视图的弃用(带有最近的Ember主干版本)支持动作帮助器,有没有办法设置动作助手的父HTML元素的静态/不变的CSS样式(该元素是否为按钮) ,链接等)没有那些静态的CSS样式被bonked /覆盖?那是,

  • 使用旧的Ember.Button和#view,我们可以传入类(对于静态CSS样式)和classBinding(对于动态CSS样式),静态样式不受动态样式的影响.
  • 但是使用新的动作助手,classBinding似乎不起作用.bind-attr确实有效,但在bind-attr之外为该元素指定的任何CSS类都将被bind-attr class ="foo"规范覆盖.
  • 因此,我发现使用动作助手在元素上保留静态CSS样式的唯一方法是指定一个字符串属性(在相关的Ember视图中),指定所需的CSS静态样式.例如{{bind-attr class ="App.TheView.isActive App.TheView.cssStyles}}这是不优雅/漏洞的.

预先感谢您的任何建议/帮助!

ember.js

1
推荐指数
1
解决办法
1870
查看次数

标签 统计

ember.js ×3