使用 Knockout.js 在 jQuery Mobile 中将模型对象与多个页面绑定

Question

我有淘汰js模型，我想将它绑定到jQuery mobile中的两个页面，第一页只包含模型的只读属性，其他页面包含用户可以更新字段的元素。

function ModelViewObject(){
    this.id = "1001";
    this.firstName = ko.observable("First Name"); 
    this.lastName = ko.observable("Last Name");
}

//This page only contains read only values
<div data-role="page" id="pageOne">
    <h1>Id : <span data-bind="text: id()</h1>
</div>

//This page can edit
<div data-role="page" id="pageTwo">
   <p>First name: <input data-bind="value: firstName" /></p>
    <p>Last name: <input data-bind="value: lastName" /></p>
</div>

我可以一次绑定第一页或第二页。我想将模型绑定到两页，如果有人可以帮助我解决这个问题，我将不胜感激。

谢谢。

Answer 1

你可以这样绑定

ko.applyBindings(new ModelViewObject(), document.getElementById("pageOne"));
ko.applyBindings(new ModelViewObject(), document.getElementById("pageTwo"));