Knockout JS映射插件混乱

时间:2012-01-11 16:32:44

标签: knockout.js knockout-mapping-plugin

我很困惑在使用映射插件时应该在何时何地声明我的viewModel。

这是我的json文件:

{
    "members": [
        {
            "memberid": "001",
            "membername": "Jason"
        },
       {
            "memberid": "002",
            "membername": "Bob"
        }
    ]
}

这是html模板:

<div data-bind="foreach: members">
<h3 data-bind="text: memberid"></h3>
<p>Name: <span data-bind="text: membername"></span></p>  
</div>

以下是其余部分:

var data = $.getJSON("members.json",function(data)  
            {
                var viewModel = ko.mapping.fromJSON(data);
                 ko.applyBindings(viewModel);

            }
        );

ko.mapping.fromJSON(data, viewModel);

预先感谢您的协助!

1 个答案:

答案 0 :(得分:6)

您可能希望在闭包之外声明viewModel,因此它更易于访问。例如:

var viewModel = {};
var data = $.getJSON("members.json",function(data)  
            {
                viewModel.model = ko.mapping.fromJSON(data);
                 ko.applyBindings(viewModel);
            }
        );

这将创建viewModel,使其可访问,并公开model属性(将包含所有映射数据)。您可以跳过模型属性,也可以在vm上执行此操作。你甚至可以将applyBindings移到此之外,因为你真的只想运行一次。