Javascript 绑定多个源

我不熟悉数据绑定，但它看起来是实现我需要做的事情的一种简单方法

我的问题（如您所见）是，我有两个（或更多）这样的框，每个页面上有不同的数据。代码工作正常，但在两个div中显示相同的内容

以下是我的示例代码：

Javascript:

HTML:

---

任何帮助都将不胜感激。非常感谢。

我尝试了代码。此代码显示两个div的不同数据。可能是应用程序中的代码不同。@Sushil:谢谢-已修复。：）

var people = {
   name: "Jeff",
   age: 37,
   location: "New Jersey"
}

var animals = {
   name: "Kiki",
   age: 2,
   location: "Canada"
}

var elementPeople = document.getElementById("peopleBox");
var bindingSrcPeople = WinJS.Binding.as(people);

var elementAnimals = document.getElementById("animalBox");
var bindingSrcAnimals = WinJS.Binding.as(animals);

.
.
.

WinJS.Binding.processAll(elementPeople, bindingSrcPeople);
WinJS.Binding.processAll(elementAnimals, bindingSrcAnimals);

<div id="peopleBox">
  <div class="" data-win-bind="textContent:name"></div>
  <div class="" data-win-bind="textContent:location"></div>
</div>


<div id="animalBox">
  <div class="" data-win-bind="textContent:name"></div>
  <div class="" data-win-bind="textContent:location"></div>
</div>