Knockoutjs 3.2.0 中的嵌套视图模型

我有一个应用于主div的全局视图模型

我还有其他一些视图模型，我想将它们应用于我的主div的嵌套元素

但我得到了

不能将绑定多次应用于同一元素。

这是一个示例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="main">
        <input data-bind="value:title,valueUpdate:'afterkeyup'" />
        <h1 data-bind="text:title"></h1>

        <hr />
        <div id="sub">
            <input data-bind="value:name,valueUpdate:'afterkeyup'" />
            <label data-bind="text:name"></label>
            <!-- a reference to title in globalViewModel -->
            <h1 data-bind="text:title"></h1>
        </div>
    </div>
    <script src="Scripts/knockout-3.2.0.js"></script>
    <script>
        var globalViewModel = {
            title : ko.observable("global title")
        }
        var subViewModel =  {
            name : ko.observable("Test")
        }
        ko.applyBindings(globalViewModel);
        ko.applyBindings(subViewModel, document.getElementById('sub'));
    </script>
</body>
</html>

请指导我提供出色的解决方案:)

需要为两个视图模式
分别应用绑定或者可以在同一视图中创建两个属性模态

相关内容

最新更新

热门标签：