未捕获的类型错误:未定义不是 KNOCKOUT 中的函数

Question

我正在尝试借助以下代码在通过为每个绑定的挖空生成的 html 表中实现过滤器功能。

self.filteredStep1Records = ko.computed(function() {
            return ko.utils.arrayFilter(self.step1BundleData(), function(bundle) {
                self.pageNumber(0);
                return (self.searchText().length == 0 || bundle.id.toLowerCase().indexOf(self.searchText().toLowerCase()) !== -1 || bundle.name.toLowerCase().indexOf(self.searchText().toLowerCase()) !== -1);
            });
        });

我收到错误，因为"未捕获的类型错误：未定义不是函数"在以下行：

return (self.searchText().length == 0 || bundle.id.toLowerCase().indexOf(self.searchText().toLowerCase()) !== -1 || bundle.name.toLowerCase().indexOf(self.searchText().toLowerCase()) !== -1);

其余代码包括：

this.searchText = ko.observable('');
this.step1BundleData = ko.observableArray();
function bundle(id,name){
            this.id = ko.observable(id);
            this.name = ko.observable(name);
            this.selected = ko.observable(false);
        }

以下 Ajax 请求用于创建捆绑包：

getdata(8).done(function(data){
            data = $.parseJSON(data);
            $.each(data,function(index,value){
                self.step1BundleData.push(new bundle(value.id,value.name));
            });
        });

我

不确定我哪里出错了。

Answer 1

被

定义为ko.observable s...

function bundle(id,name){
    this.id = ko.observable(id);
    this.name = ko.observable(name);
    this.selected = ko.observable(false);
}

。每个new bundle的id和name将是function，您必须调用这些才能检索值。

... || bundle.id().toLowerCase().indexOf(...
//              ^^

类似于调用self.searchText来检索其值的方式：

return (self.searchText().length == 0 || ...
//                     ^^

function本身不会有toLowerCase()的方法。

console.log(typeof bundle.name);               // 'function'
console.log(typeof bundle.name.toLowerCase);   // 'undefined'
console.log(typeof bundle.name());             // 'string'
console.log(typeof bundle.name().toLowerCase); // 'function'

---

return (self.searchText().length == 0 || bundle.id().toLowerCase().indexOf(self.searchText().toLowerCase()) !== -1 || bundle.name().toLowerCase().indexOf(self.searchText().toLowerCase()) !== -1);