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

Question

当我有一个类似于以下的模板时：

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

和一个视图

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

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

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

Answer 1

您需要为这类事情使用计算属性。

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

查看计算属性指南以获取更多详细信息。