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