淘汰赛foreach只是不工作

好吧，我试过阅读文档;我试过改变我的设置;我尝试了所有我能想象到的，但我无法让我的foreach循环工作。淘汰赛foreach只是不工作

var Entry = function(item) { 
    this.id = item.id; 
    this.locations = item.locations; 
    this.read = ko.observableArray(item.read); 
    this.subentries = ko.observableArray(item.subentries); 
    this.creator = item.creator; 
    this.created = item.created; 
    this.entry = item.entry; 
} 

function managerLogModel() { 

    var self = this; 

    // declare the different components 


    // log entries 
    this.entries = ko.observableArray(); 

    this.loadData = function(data) { 
     for(i=0;i<data.length;++i) { 
      self.entries().push(new Entry(data[i])); 
     } 
    } 

...more functions that I don't believe are affecting, since I'm getting 
    the console to log the desired data: [Entry, Entry, Entry,...] 

}

一切似乎在后端工作。在this.loadData之后，我做了一个console.log（self.entries（）），我得到了一个Entry对象列表。

但是，在模板中，我无法获得任何工作。我试过了：

<div data-bind:"foreach:$data">test</div> 
<div data-bind:"foreach:$data.entries">test</div> 
<div data-bind="foreach:$data">test</div> 
<div data-bind="foreach:$data.entries">test</div>

有趣的是，这在我实施Entry模型之前完美地工作。我可以将JSON加载到self.entries（数据）中，模板将正确呈现数据（尽管我必须使用data-bind：not data-bind =）

任何人都可以指出我正确的方向吗？

编辑：奇怪的语法如下所示;仅适用于数据绑定：的foreach：

<!-- ko foreach: paginated --> 

    <div class="entry" data-bind:"foreach:entries"> 

     <div class="entry-header"> 

....

来源

2016-03-03 Craig

你试过''

test

？另外，当你推送时，没有“条目”上的parens，或者Knockout不会注意到你已经改变了任何东西。 –

好吧，我有它的工作。谢谢！它是无括号和data-bind =“foreach：entries”的组合。如果你想提交答案，我会很乐意接受它。 – Craig

data-bind总是跟着=。 $data用于里面 a foreach，所以你不想那样。如果您将push添加到observableArray的内容中，则Knockout不会注意到这些更改。您必须将push指向observableArray本身。

所以，你要

<div data-bind="foreach: entries">test</div>

和

self.entries.push(new Entry(data[i]));

来源

2016-03-04 02:57:39

这是一件很好的事情：知道re：push到observableArray本身，但是这里有一些有趣的东西：我使用了一个包含<！ - foreach：entries - > paginator的片段，第一个数据绑定必须是数据绑定的，结合 “的foreach：条目”。它不适用于data-bind =“foreach：entries” – Craig

如果你使用的是虚拟元素，它就是'<！ - ko foreach：entries - >'，根本没有'data-bind'。在HTML标记中，使用冒号应该是语法错误。我从来没有尝试在虚拟中使用'data-bind'而不是'ko'。 –

看我上面的编辑看到的语法;它绝对没有记录在我见过的任何地方。 – Craig

淘汰赛foreach只是不工作

回答

相关问题