Javascript KnockoutJS选项绑定:仅显示非空项

Javascript KnockoutJS选项绑定:仅显示非空项,javascript,data-binding,knockout.js,Javascript,Data Binding,Knockout.js,我有一个数组: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"&

我有一个数组:
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>

单词1
单词1
单词1
单词1
单词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);

我在

创建了一个工作演示,您需要创建一个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);
我在