サブプロパティで既存の ArrayController をフィルタリングしたい。どうやってするか?アイテムが表示されないため、フィルターが機能しないか空です (フィルター処理しない場合は表示されます)。
これが私のコードの簡略版です:
モデル
App.Post = DS.Model.extend({
user: DS.belongsTo('user')
title: DS.attr('string'),
...
});
App.User = DS.Model.extend({
name: DS.attr('string'),
status: DS.belongsTo('status'),
...
});
App.Status = DS.Model.extend({
title: DS.attr('string'),
techName: DS.attr('string')
});
コントローラー
App.PostsController = Ember.ArrayController.extend({
activeUsers: function() {
return this.filterBy('user.status.techName', 'active');
}.property('@each','@each.user','@each.user.status','@each.user.status.techName')
});
App.ActiveUsersController = Ember.ArrayController.extend({
needs: ['posts']
});
テンプレート (私のアクティブ ユーザー テンプレート)
<ul>
{{#each controllers.posts.activeUsers}}
<li>{{name}}</li>
{{/each}}
</ul>