AngularJS ng-repeat複製元素

由於某些奇怪的原因，此jsfiddle example中的代碼在遍歷關聯值數組時迭代了元素。輸入字段正確顯示3個名稱，但是每個名稱的字段重複3次。更令人困惑的是{{ p.name }}在每次迭代中顯示與ng-model="p.name"不同的值。該索引分別顯示0,1和2三次。爲什麼每個元素會有三次迭代？AngularJS ng-repeat複製元素

控制器：

var app=angular.module('myApp', []); 

function MyCtrl($scope) { 

    $scope.people = [ 
     { name:'Tom', age:5 }, 
     { name:'Dick', age:6 }, 
     { name:'Harry', age:7 } 
]; 

}

HTML：

<div ng-controller="MyCtrl"> 
    <form> 
    <ul> 
     <li ng-repeat="p in people">{{$index}}, {{$first}}, {{$middle}}, {{$last}}, {{p.name}}, {{p.age}} 
      <input type="text" ng-model="p.name"> 
     </li> 
    </ul>  
    </form> 
</div>

對什麼是錯，此代碼有什麼想法？

來源

2013-06-03 John Martin