EmberJS - 如何过滤数组并通过路由器将其传递给模板

时间:2013-07-23 10:10:33

标签: ember.js

请参阅此jsFiddle

我有这样的数组。

App.Fields = [{id: "Gender", desc: "Male", key: "M"}, 
                  {id: "Gender", desc: "Female", key: "F"}, 
                  {id: "Martial Status", desc: "Single", key: "S"}, 
                  {id: "Martial Status", desc: "Married", key: "M"}];   

当我的路由器执行时,我想通过基于过滤数组的model.id。下面是我的路由器。

App.FieldRoute = Ember.Route.extend({
  setupController: function(controller, Field) {
    controller.set('model', App.Fields);
  }
});

当用户点击“性别”时,我想从上面的数组中过滤出id =“Gender”的对象。

  

仅供参考:model.id将提供“性别”。

2 个答案:

答案 0 :(得分:1)

这很有效。

App.FieldRoute = Ember.Route.extend({    
  setupController: function(controller, model) {   
    controller.set('model', App.Fields.filter(function(item, index, enumerable) {
        if(item.id === model.id) return true;
    }));
  }
});

答案 1 :(得分:0)

您还可以使用.filterProperty()返回具有匹配属性

的数组
controller.set('model', App.Fields.filterProperty('id',model.id));

也会做到这一点