无法使用 Ember.Select in Ember.js 筛选模型

Not able to filter the model using the Ember.Select in Ember.js

本文关键字：Ember js 筛选 模型 in Select      更新时间：2023-09-26

用例是我尝试使用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

我在这里可能错过了什么？

选择绑定中缺少某些内容

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

在控制器逻辑中： 

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('selectedDesignation.designation');
        var filtered = this.get('content').filterProperty('designation', designation);
        this.set("filteredContent", filtered);
    }
}

}）;

这是工作 jsbin

相关文章：