ember.js过滤视图中的数组

Question

我有一个我正在处理的网站，其中包含最少的数据，并且很少进行实际的数据库调用以获取数据。我有一个视图按类型分隔项目，并且只想在相应的列表中显示与该类型匹配的项目。

我有几个不同的div包含项目类型，并希望显示与该类型对应的项目列表。

<div>
 <p>hammers</p>
 <ul>
 li>hammer 1</li>
 </ul>
</div>


<div>
  <p>pencils</p>
  <ul>
     <li>graphite</li>
  </ul>
</div>

所以基本上任何与锤子类型相匹配的东西都会显示在该列表中，并在所有匹配结束时枚举到该类型。

Answer 1

您可以使用Ember.computed.filter或Ember.computed.filterBy进行过滤。

var view = Ember.View.extend({
     items: [],
     hammers: Ember.computed.filterBy('items', 'type', 'hammer'),
     pencils: Ember.computed.filterBy('items', 'type', 'pencil')
});