我找不到适用于我的基因敲除的正确数据绑定

时间:2018-08-03 04:43:17

标签: javascript html data-binding knockout.js

这是我的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”' 但该阵列无法显示 我仍然不知道我在做什么错

1 个答案:

答案 0 :(得分:0)

没有示例,很难准确地确定问题所在。如果您可以粘贴整个示例或创建一个JSFiddle,那就太好了。

尽管您的原始帖子可能已将其省略,但我看不到对ko.applyBindings的任何调用,该调用可以处理采用您的视图模型并将其应用于HTML的情况。

// Insert this code after your function definition
(function(){
    var model = new filterer();
    ko.applyBindings(model);
})();