javascript - WinJS.Binding 複数のソース

Question

私はデータバインディングは初めてですが、必要なことを達成するための簡単な方法のように見えました.

私の問題 (ご覧のとおり) は、各ページに異なるデータを持つこれらのボックスが 2 つ (またはそれ以上) あることです。コードは正常に動作しますが、両方の div に同じものが表示されます。

ここに私のサンプルコードがあります:

Javascript:

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);

HTML:

<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>

どんな助けでも大歓迎です。どうもありがとうございました。