AngularJS ng-repeat复制元素

Question

由于一些奇怪的原因,这个jsfiddle示例中的代码在迭代关联值数组时复制元素.输入字段正确显示3个名称,但每个名称的字段重复3次.更令人困惑的是,{{ p.name }}显示的值与ng-model="p.name"每次迭代的值不同.索引每次显示0,1和2三次.为什么每个元素会有三次迭代？

控制器:

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>

有关此代码有什么问题的任何想法？

Answer 1

你有两次AngularJS.

一次在"框架和扩展"下,第二次在"外部资源"下.