将视图模型绑定到视图敲除答案

【问题标题】：binding the viewmodel to view- knockout将视图模型绑定到视图敲除
【发布时间】：2013-06-07 19:36:09
【问题描述】：

我在这个链接中发布了一个关于 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>

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

提前致谢。

【问题讨论】：

请发布您的视图模型

标签： knockout.js

【解决方案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>

【讨论】：

感谢您的回复。我确实只给出了元素名称——AllProductsModel。它不工作。还有其他解决方案吗？
你能发布你的 vievmodel 吗？

【解决方案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/

【讨论】：