javascript - 使用 knockout 的实时搜索会产生错误

Question

我正在使用 knockout 进行实时搜索。

我已尽力遵循该示例，但出现以下错误:

Uncaught ReferenceError: Unable to process binding "text: function (){return title }" Message: title is not defined

我做错了什么？

var points = [
    {title: 'San Francisco Zoo',longitude: 37.7331,lattitude: -122.5031},
    {title: 'Lake Merced', longitude:37.7094,lattitude:-122.4958}
];

var viewModel = {
    query: ko.observable('')
};

viewModel.points = ko.computed(function(){
    var search = this.query().toLowerCase();
    return ko.utils.arrayFilter(points, function(point){
        return point.title.toLowerCase().indexOf(search)>=0;
    });
}, viewModel);

ko.applyBindings(viewModel);

<input id="s-input" class="controls" data-bind="value: query, valueUpdate: 'keyup'" placeholder="Sites Search">
<ul data-bind=" template: {name:'point', foreach: points">
    <li data-bind="text: title"></li>
</ul>

Answer 1

您收到的错误指出属性 title <li data-bind="text: title"></li> 行的上下文中不存在.

此处语法错误<ul data-bind=" template: {name:'point', foreach: points">防止下一行的上下文成为 point对象并保留原始上下文，即 View 模型本身。您的 View 模型没有 title属性，因此出现错误。