KnockoutJS - 沒有約束力比第一結合發現了更多的HTML

Question

初級問題：

我有一個簡單的視圖模型，並用簡單的data-bind="text: property"綁定幾個<div>元素。

該綁定僅適用於HTML中的第一個這樣的data-bind。

jsFiddle上的示例：http://jsfiddle.net/clrudolphi/ucAUC/ 在此示例中，我已使用綁定定義了7 <div> s。第4這個樣子的：

 <div id="eagleMain" > 
      <div class="eagle-num" data-bind="text: num" /> 
      <div class="eagle-name" data-bind="text: name" /> 
      <div class="eagle-date" data-bind="text: date" /> 
      <div class="eagle-current" data-bind="text: current" /> 
     </div> 

腳本是這樣的：

var eagle = { 
    num: '2', 
    name: "John", 
    date: "Jan 1, 2011", 
    current: "student", 
    memories: "camping", 
    projectName: "Clothing Drive", 
    projectDescription: "lorem ipsum" 
}; 

ko.applyBindings(eagle); 

接收值的唯一DIV是第一個（綁定到「NUM」屬性）。
我在做什麼錯？

謝謝， 克里斯

Answer 1

儘量不要短切使用/>標籤。它只適用於span。

轉到爲：

<div class="eagle-num" data-bind="text: num"></div> 
<div class="eagle-name" data-bind="text: name"></div> 
<div class="eagle-date" data-bind="text: date"></div> 
<div class="eagle-current" data-bind="text: current"></div> 

Answer 2

@nEEbz打我給它。

解決方案在： http://jsfiddle.net/fZYVb/1/