这是我的html
<input id="places-search" data-bind="textInput: str, event: {input: filter}" type="text" placeholder="Ex: Loft">
<div id="list-result">
<ul class="navbar-nav" data-bind="foreach: res">
<li class="nav-item">
<button class="nav-link btn btn-link" data-bind="attr: {title: elem}" onclick="popLWInfo(id)"></button>
还有我的JavaScript
<script>
var filterer = function(){
var self = this;
self.str = ko.observable("");
var location = function(data){
this.id = ko.observable(data.id);
this.marker = ko.observable(data.marker);
};
self.res = ko.observableArray();
for(var i = 0; i < markers.length; i++){
self.res.push(new location({id: i , marker: markers[i]}));
}
}
</script>
我尝试对“ foreach:res”使用不同的词 我尝试添加'data-bind =“ with:filterer”' 但该阵列无法显示 我仍然不知道我在做什么错
答案 0 :(得分:0)
没有示例,很难准确地确定问题所在。如果您可以粘贴整个示例或创建一个JSFiddle,那就太好了。
尽管您的原始帖子可能已将其省略,但我看不到对ko.applyBindings
的任何调用,该调用可以处理采用您的视图模型并将其应用于HTML的情况。
// Insert this code after your function definition
(function(){
var model = new filterer();
ko.applyBindings(model);
})();