ember.js - EmberJS - 配列をフィルタリングし、ルーター経由でテンプレートに渡す方法

Question

この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 = 「性別」を持つオブジェクトをフィルター処理したい。

参考までに: model.id は「性別」を示します。