如何使用 ng-repeat 中的 ng-model 获取动态添加输入的值？答案

【问题标题】：How to get value of dynamically added input with ng-model that inside ng-repeat?如何使用 ng-repeat 中的 ng-model 获取动态添加输入的值？
【发布时间】：2022-11-10 15:25:52
【问题描述】：

        <tbody>
                                <tr ng-repeat="eta in etaArray">
                                    <td ng-init="modelIndex =$index">{{$index+1}}</td>
                                    <td style="visibility: hidden">{{eta.BKE_ID}}</td>
                                    <td style="visibility: hidden">{{eta.BKE_POINT}}</td>
                                    <td>{{modelIndex}}</td>
                                    <td>{{eta.BKE_POINT_Text}}</td>
                                    <td>{{eta.BKE_DESC}}</td>
                                    <td>{{eta.BKE_DATE | date:'dd-MM-yyyy'}}</td>
                                    <td>
                                        <input class="form-control factDateInput" value="{{eta.BKE_FACTDATE|  date:'yyyy-MM-dd' }}" ng-keyup="trackTimeChanging($event,this,$index)" ng-model="factDate[$index]" style="width: 55%" type="date" id="inputFactDate" /></td>


                                </tr>
                            </tbody>

大家好，我遇到的问题是我无法从 ng-model 中获得价值。是否有任何解决方案如何在 ng-repeat 中获取 ng-model 的值

【问题讨论】：

标签： javascript angularjs webforms

【解决方案1】：

不确定你在哪里遇到了困难，但如果你真的使用$index 来跟踪数组，你可以直接引用它，如图所示。我想将它绑定到eta.id 或其他东西可能更有用，但使用$index 可以。

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.etaArray = [{},{},{},{},{},{},{},{}];
    $scope.factDate = []
  }]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script>
<div ng-app="selectExample">
  <div ng-controller="ExampleController">
    <div ng-repeat="eta in etaArray">
      <input ng-model="factDate[$index]" />
    </div>
    <hr>
    <p> The 5th input value: {{factDate[4]}}</p>
    <p>factDate array: {{factDate}}</p>
  </div>
</div>

【讨论】：