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/

将viewmodel绑定到view-knockout

2 个答案: