ember.js - 使用 Ember 的 action helper，bind-attr 是设置 CSS 样式的唯一方法吗？

Question

随着 Ember.Button 视图（带有最近的 Ember 主干版本）的弃用，有利于动作助手，有没有办法设置动作助手的父 HTML 元素的静态/不变 CSS 样式（该元素是否是按钮，链接等）没有那些静态CSS样式被绑定/覆盖？那是，

使用旧的 Ember.Button 和 #view，我们可以同时传入 class（用于静态 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}} 这是不优雅/泄漏的。

提前感谢您的任何建议/帮助！

score 8 · Accepted Answer

您还可以在中混合使用静态和动态样式{{bind-attr}}，如下所示：

{{bind-attr class=":staticStyle view.someProperty:dynamicStyle}}

score 1 · Accepted Answer

你是如何使用动作助手的？您应该能够给 HTML 元素一个类。

<a {{action "testIt"}} class="test">testing</a>

这是一个例子：http: //jsfiddle.net/A9VZS/

score 1 · Accepted Answer

您现在可以使用 inline if。在 1.13bind-attr中已弃用。

<div class={{if isUrgent 'is-urgent'}}>

新文档在这里。

3 回答 3