angularjs - 绑定(bind)输入在 angularjs 中不集中

Question

我正在用 angularjs 运行这个简单的代码:

HTML :

<div ng-app ng-controller="AController">
    <code>{{ itemsInArray }}</code>
    <div ng-repeat="item in itemsInArray">
        <input ng-model="itemsInArray[$index]" />
    </div>
</div>

JavaScript :

function AController($scope) {
    $scope.itemsInArray = ["strA", "strB", "strC"];
}

在索引到数组时绑定(bind)似乎工作正常，但在输入一个字符后输入失去焦点。
您可以在这个 fiddle 上找到工作代码:http://jsfiddle.net/QygW8/

Answer 1

我认为发生这种情况是因为您正在操作在 ng-repeat 上迭代的同一个项目。所以 ng-repeat 看到项目的变化并重新运行重新生成项目的 `ng-repeat。

如果您查看您的 fiddle html，您可能会注意到这种效果。

要让它发挥作用，一种方法可以做到这一点

http://jsfiddle.net/cmyworld/CvLBS/

将数组更改为对象数组的地方

$scope.itemsInArray = [{data:"strA"}, {data:"strB"}, {data:"strC"}];

然后绑定(bind)到item.data