javascript - 在 ng-repeat 中绑定(bind)字符串数组的两种方式

Question

我有一个字符串数组，我希望每个字符串都绑定(bind)到一个输入。

但是，编辑输入似乎不会更新数组(可能是孤立的范围问题？)。

建议？

function Ctrl($scope) {
  $scope.fruits = ['Apple', 'Mango', 'Banana', 'Strawberry'];
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="Ctrl">

    <div style="margin: 20px 0" ng-repeat="fruit in fruits">
      <input type="text" ng-model="fruit" />
    </div>

    Fruits: {{fruits}}

  </div>
</div>

Answer 1

您需要从 $index 获得的数组引用。 .但是请注意，如果对 ng-repeat 进行任何过滤，这将不起作用。因为索引是基于过滤数组而不是原始数组

<div style="margin: 20px 0" ng-repeat="fruit in fruits track by $index">
      <input type="text" ng-model="fruits[$index]" />
</div>

DEMO