ember.js - 在 Ember 模板中使用函数绑定(bind)元素类名？

Question

当我有一个类似这样的模板时:

{{#view App,NavItemView}}
<li {{bindAttr class="isActive:active"}}>Item 1</li>
{{/view}}

还有一个 View

App.NavItemView = Ember.View.extend({
  tagName: 'ul',
  isActive: function() {
    return false;
  }
});

呈现的模板将始终在 li 元素上呈现“active”类。因此，基于此似乎不可能设置条件类？

理想情况下，我希望根据函数的结果打开和关闭 li 元素的类。我错过了什么吗？

Answer 1

对于这类事情，您需要使用计算属性。

App.NavItemView = Ember.View.extend({
  tagName: 'ul',
  isActive: function() {
    return false;
  }.property()
});

查看 computed properties guide了解更多详情。