Knockout.js foreach 绑定有效，但绑定无效

Question

使用 Knockout.js 3.2.0，我一直在努力争取成功绑定 observableArray，并将其缩小到 与绑定。 Foreach没有问题，但是with抛出错误Uncaught ReferenceError: Unable to process binding "with : function (){return contactLists }".

谁能帮我理解发生了什么？

这行得通：

<!-- ko foreach: contactLists -->
    <p data-bind="text: title"></p>
<!-- /ko -->

这不是：

<!-- ko with: contactLists -->
    <p data-bind="text: title"></p>
<!-- /ko -->

ko.observableArray 和 applyBindings 声明：

var viewModels = {
        contactLists: ko.observableArray([new ContactList({title: "This Is List #1", subCount: 4321}), new ContactList({title: "List #2", subCount: 9876}), new ContactList({title: "jList #3", subCount: 1234})])
    }

    ko.applyBindings(viewModels);

非常感谢您的帮助！

Answer 1

“with”绑定不适用于数组。您必须指定要工作的元素。示例：

<!-- ko foreach: contactLists -->
  <!-- ko with: data -->
    <p data-bind="text: gender"> </p> 
  <!-- /ko -->
<!-- /ko -->


function ContactList(data) {
  this.title = data.title;
  this.subCount = data.subCount;
}

var viewModels = {
  contactLists: ko.observableArray([
    {title: "This Is List #1", data: { subCount: 4321, gender: "male"}},
    {title: "List #2", data: { subCount: 5321, gender: "female"}},
    {title: "jList #3", data: { subCount: 1221, gender: "any"}}])
}

ko.applyBindings(viewModels);

See the Pen