knockout.js - 将视图模型绑定到视图敲除

Question

我在这个链接中发布了一个关于 viewmodel 的问题：access viewModel function in javascript function- knockout

我在将相同的视图模型绑定到 View 时遇到问题。下面是查看代码：

 <div id="familyDiv">
   <ul id="productFamilyList" data-bind="foreach: VM.AllProductsModel">
       <li data-bind="text: name">
           <a data-bind="text: name">
           </a>
       </li>
     </ul>
</div>

该列表未显示。视图中要进行任何更改吗？

提前致谢。

Answer 1

您不应指定根视图模型的名称。使用AllProductsModel代替VM.AllProductsModel：

<div id="familyDiv">
   <ul id="productFamilyList" data-bind="foreach: AllProductsModel">
       <li data-bind="text: name">
           <a data-bind="text: name">
           </a>
       </li>
     </ul>
</div>

Answer 2

您必须进一步构建模型

ProductMenu = function (name, subProductsMenu1, selectedMenu) {
    this.name = ko.observable(name);
    this.submenu = ko.observableArray(subProductsMenu1);
    this.selectedProductName = ko.observable();

};

请参阅工作小提琴http://jsfiddle.net/aroor/hX9Bg/2/