javascript - 如何仅通过某些对象填充 Ember.js 的 Select？

Question

如何填充Ember.js's Select仅适用于属性 valid 等于 true 的对象？

带有数据的数组(JS):

 tickets: [
    {
        title: 'Pink',
        valid: true
    },
    {
        title: 'Blue',
        valid: false
    }
]

选择(哈佛商学院):

{{view Ember.Select
    contentBinding = ticket
    prompt = "Select ticket"
    optionLabelPath ="content.title"
}}

在本例中，我想选择在选项列表中仅显示粉色。

Answer 1

有几种方法可以处理这个问题，最简单的似乎是在将内容传递到 ember select 之前过滤内容

http://emberjs.jsbin.com/EGORAPI/1/edit

App.IndexController = Ember.ArrayController.extend({
  validItems: function(){
    return this.filterBy('valid', true);
  }.property('@each.valid')
});