Angularjs 如何使用ngModel属性处理动态添加的输入

我有一个应用程序，当用户单击按钮时动态创建输入元素。 它看起来像这样：

[输入][+]

该输入有一个

ng模型

，我可以在添加新输入时使用

$compile

，以便在引导时将其视为DOM中的输入

我可以增加

ng model

值来表示“item1”、“item2”等，但我不喜欢这样

我想知道是否有一个数组可以保存所有输入的所有值

谢谢。

你可以试试这个：

HTML

这是你的电话号码

“Items”是绑定到输入字段列表的数据。您可以通过更新范围内的items数组来维护视图，并将数组的元素绑定到每个输入字段视图

---

希望这会有帮助。

如果没有代码或fiddle/plunker，很难看到，但我会尝试使用

ng model=“items[$index]”

和

$scope.items=[]

。您的输入是否使用ng repeat生成？

<div ng-controller="myCtrl">
  <button ng-click="addInputField()">add</button>
  <ul>
    <li ng-repeat="item in items">
        <input type="text" id="item{{input.id}}" ng-model="item[$index]"/>
    </li>
  </ul>
  data:
  <div ng-repeat="item in items">
    {{item}}
  </div>
</div>

angular.module('app',[])
.controller('myCtrl',function($scope){
  $scope.items = [];
  $scope.addInputField = function(){
    $scope.items.push({});
}
});