複数のテキストボックスとドロップダウンでの作業

Question

特定の日の時間計算のためのドロップダウンとテキストボックスがあります。テキストボックスには、期間が入力されます。これに基づいて、ドロップでタイムスロットが生成されます-ダウン。これは、1つのテキストボックスと1つのドロップダウンでうまく動作しますが、複数のテキストボックスとドロップダウンでは、最初のテキストボックスに割り当てられているのと同じ値が使用されます。だから、毎日のために複数の値を取得する方法と間違いは何ですか。複数のテキストボックスとドロップダウンを表示するには、ng-repeatを使用しました。私を助けてください、何かが間違っていたら私を修正してください。ありがとう:)

HTML：

<tr ng-repeat="field in fields" name="slotSelection"> 
<td align="center"> 
<ion-checkbox ng-model="field.checked">{{field.name}} </ion-checkbox> 
</td> 
<td> 
<select ng-model="time" ng-options="time for time in timeslots"> 
<option value="">select</option> 
</select> 
</td> 
<td> 
<input type="text" ng-model="interval" ng-blur="setTimeSlots(interval)"> 
</td> 
</tr> 

コントローラー：

$scope.fields = [{ id: 1, name: 'Sunday' }, 
     { id: 2, name: 'Monday' }, 
     { id: 3, name: 'Tuesday' }, 
     { id: 4, name: 'Wednesday' }, 
     { id: 5, name: 'Thursday' }, 
     { id: 5, name: 'Friday' }, 
     { id: 5, name: 'Sunday' }] 

     $scope.setTimeSlots = function (interval) { 
     var startingTime = moment().hours(8).minutes(0); 
     $scope.timeslots = []; 
     for(var i=0; i < interval; i++){ 
     $scope.intervals=60; 
      $scope.timeslots.push(startingTime.add($scope.intervals,'minute').format("h:mm")); 
    } 
    } 

Answer 1

あなたはfieldsスコーププロパティで各fieldにtimeslotsを追加する必要があり、あなたが現在fieldsetTimeSlotにメソッドを渡すことができますが図示のように、

<input type="text" ng-model="interval" ng-blur="setTimeSlots(interval, field)"> 

日がチェックされたとき setTimeSlotsに続い

、以下に示すようにタイムスロットを押し、

$scope.setTimeSlots = function(interval, field) { 
    var startingTime = moment().hours(8).minutes(0); 
    field.timeslots = []; 
    for (var i = 0; i < interval; i++) { 
     $scope.intervals = 60; 
     field.timeslots.push(startingTime.add($scope.intervals, 'minute').format("h:mm")); 
    } 
    } 

ワーキングplunkr here