javascript - Ember.js で Ember.Select を使用してモデルをフィルタリングできない

Question

ユースケースは、Ember.Select を使用してモデルをフィルタリングしようとしていることです。ユーザーがボタンをクリックするたびに、モデルは「指定」プロパティに基づいてフィルタリングされます。

これが私のEmber.Selectです：

{{view Ember.Select
       contentBinding="designations"
       optionValuePath="content.id"
       optionLabelPath="content.designation"
       selectionBinding="roles.selectedDesignation"}}
<button {{action 'filter'}}>Filter</button>

そして、これが私が App.js でやっていることです。

App.TwodController = Ember.Controller.extend({
    filteredContent : Ember.computed.oneWay("content"),
    selectedDesignation : null,
    designations : [{
        designation : "Design",
        id : 1
    }, {
        designation : "Writer",
        id : 2
    }],
    actions : {
        filter : function() {
            var designation = this.get('roles.selectedDesignation');
            var filtered = this.get('content').filterProperty('designation', designation);
            this.set("filteredContent", filtered);
        }
    }
});

これが完全なJSBinです、http: //jsbin.com/iPUxuJU/2/edit

ここで何が欠けているのでしょうか？