KnockoutJS选项绑定：仅显示非空项目

Question

我有一个数组： items = [,,,,5,,7,,,10,....,1000,.....10000]

我想显示选择下一个

<select>
     <option value="5">word 1</option>
     <option value="7">word 1</option>
     <option value="10">word 1</option>
     <option value="1000">word 1</option>
     <option value="10000">word 1</option>
</select>

jsFiddle

Answer 1

您需要创建一个ko.computed来过滤出空条目。 请参见下面的代码。

vm = {};
vm.items = ko.observableArray( [, , , , 5, , 7, , , 10, 1000, 10000]);

//filter the items using the filter text
vm.filteredItems = ko.computed(function() {
       return ko.utils.arrayFilter(this.items(), function(item) {
            return item != null;
        });
}, vm);
ko.applyBindings(vm);

我在http://jsfiddle.net/photo_tom/qd6P5/4/创建了一个有效的演示