入力フィールドデータをモデル配列にバインドできません

Question

入力フィールドに値を入力すると、モデル配列の値をバインドできず、$scope.selectfield[$index]にアクセスできません。ここで

は、HTMLコードの一部です：

var ap = angular.module("myapp", []); 
 
ap.controller("membercontroller", function($scope, $http, $window) { 
 
    $scope.selectfield = []; 
 

 
    $scope.dropdown = ["abc", "xyz", "pq", "aqz"]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script> 
 
<div ng-app="myapp" ng-controller="membercontroller"> 
 
    <div class="col-lg-6"> 
 
    <label id="billamt"> Select Members:</label> 
 
    <div class="dropdown"> 
 
    
 
     <button class="btn btn-default dropdown-toggle" type="checkbox" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria- expanded="true"> 
 
     Select members 
 
     <span class="caret"></span> 
 
     </button> 
 
     
 
     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
 
     <li ng-repeat="z in dropdown"> 
 
      <a href="#"> 
 
      {{z}} 
 
      <br> 
 
      <input type="number" ng-model="selectfield[$index]" value="{{selectfield[$index]}}"/> 
 
      </a> 
 
     </li> 
 
     </ul> 
 
     
 
    </div> 
 
    </div> 
 
</div>

Answer 1

$インデックスが定義されていません。 ng-repeatに 'track by $ index'を追加してみてください。