使用knockout进行实时搜索会产生错误
live search using knockout produces error
我正在使用knockout进行实时搜索。
我已经尽我所能地遵循了这个例子,但是我得到了以下错误:
Uncaught ReferenceError:无法处理绑定"text: function (){return title}"消息:标题未定义
我做错了什么?
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>
您得到的错误是声明属性title
不存在于行<li data-bind="text: title"></li>
的上下文中。
这里的语法错误<ul data-bind=" template: {name:'point', foreach: points">
阻止下一行的上下文成为point
对象,而是保留原始上下文,即视图模型本身。您的视图模型没有title
属性,因此出现错误。
相关文章:
- Javascript搜索函数错误
- YouTube API v3哈希标签搜索错误结果
- 添加'错误'消息发送到同位素.JS搜索筛选器
- Twitter搜索API身份验证错误
- 谷歌自定义搜索结果通过代理显示错误
- 不断获得"未捕获的类型错误:无法使用'在'操作员搜索'191'"jQu
- getDetails中引用值错误-谷歌位置搜索
- Symfony2 JSON 对象 - 错误未捕获类型错误:无法使用“in”运算符搜索“636”
- 如何搜索错误
- 获取未捕获的类型错误:无法使用“in”运算符搜索“length”in
- 类型错误:无法使用“in”运算符在 [{}] 中搜索“_id”
- 无法找出搜索错误
- 角度类型提前异步结果 - 收到错误“类型错误:无法使用'in'运算符搜索 ..在..".
- jQuery getScript 函数添加了搜索参数,并抛出 404 错误
- JavaScript 中的 RegExp 在进行全局搜索时出现错误
- 未捕获的类型错误:无法使用“in”运算符在 false 中搜索“长度”
- 无法使用“in”运算符搜索错误
- 搜索项函数在数组中给出了错误的值
- Youtube数据API-未压缩类型错误:无法读取属性'搜索'的未定义
- js错误:搜索失败:没有响应"goto"