knockout.js - knockout JS : How do you choose which object to bind to?

Question

如果我在一个页面上有 2 个不同的 JS 对象，它们都有一个名为“name”的属性，我会这样做:

<span data-bind="text:name"></span>

如何告诉 Knockout 绑定(bind)到哪个对象？

Answer 1

一般来说，您应该有一个 View 模型，您可以将所有绑定(bind)应用于:

    ko.applyBindings(yourViewModel);

因此，您需要决定要制作 View 模型的对象。如果两者都需要，可以将它们设为模型的子对象:

var objectOne = {name: "Object One"};
var objcetTwo = {name: "Object Two"};

var viewModel = {objectOne: objectOne, objectTwo: objectTwo};

ko.applyBindings(viewModel);

html:

<span data-bind="text: objectOne.name"></span>
<span data-bind="text: objectTwo.name"></span>