javascript - 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/创建了一个工作演示