Question

If I have 2 different JS objects on a page, both having a property called “name”, and I do:

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

How can I tell Knockout which object to bind to?

Answer 1

In general you are supposed to have one view model that you apply all bindings to:

    ko.applyBindings(yourViewModel);

So you need to decide which of your objects you want to make a view model. If you need both, you can make them subobjects of your model:

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>