ember.js - 在 Ember.js Handlebars 模板中，有没有办法同时拥有静态和动态类属性？

Question

使用已经过度使用的待办事项应用程序示例，假设我想要一个具有“todo”类(静态)和“is-done”类(动态)的元素:

<div {{bindAttr class="todo isDone"}}>
  Other stuff in here
</div>

在这种情况下，“isDone”和“todo”都应该是我的 View 对象的属性，这是我想要的“isDone”，而不是“todo”。我目前正在通过在我的 View 上添加一个等于静态“todo”字符串的“todo”属性来解决这个问题。使用 bindAttr 时有没有办法拥有静态类属性？

fiddle 示例: http://jsfiddle.net/nes4H/4/

Answer 1

编辑:

我们已经在 Ember 中修复了这个问题!

在 master 的构建中，或在 0.9.6 发布后，您现在可以执行以下操作:
<div {{bindAttr class="App.foo:a-bound-class :a-static-class"}}></div>
上一个答案:

不幸的是，在使用 bindAttr 时，您不能同时拥有静态和动态类名。 .

我建议在您的 View 上使用一个或多个计算属性来输出静态和动态类名。

支持静态和动态类名会非常好，但方式 bindAttr目前有效，这是不可能的。 bindAttr在模板编译期间不知道它所附加的元素的任何信息。