如何使用angularjs在ng-repeat中动态绑定基于下拉的复选框true

Question

大家好，我正在使用 angularjs ng-repeat 我在重复里面有复选框和下拉列表现在我需要的是当我检查复选框值时我想绑定下拉但现在当我选中复选框时所有下拉值都已更改但我需要我想绑定基于下拉的复选框帮助如何解决

ng-重复代码

 <div ng-repeat="BFMaterialStream in BFMaterialStreams">
   <input type="checkbox" ng-change="checkchange(BFMaterialStream.MaterialStream,$index)"
   ng-model="selection.ids[BFMaterialStream.MaterialStream]" name="group" id="BFMaterialStream.MaterialStream" />
    {{BFMaterialStream.MaterialStream}} 
        <select id="MaterialElevator" tabindex="7" required typeof="text" name="Elevator"
         form="DistanceMatrixFormId" class="form-control" 
          ng-model="ViewGetBUMaterialStream.ToElevator"
     >
     <option value=''>Select</option>
     <option ng-repeat="ViewGetBUMaterialStream in ViewGetBUMaterialStreams "
      value="{{ViewGetBUMaterialStream.ToElevator}}"
      >
     {{ViewGetBUMaterialStream.ToElevator}}
    </option>
     </select>
       </div>

检查更改时间绑定代码

$scope.checkchange = function(Stream, index) {
     $http.get('/ViewGetBUMaterialStream/' + Stream ).then(function (response) {
           $scope.ViewGetBUMaterialStreams = response.data;
     });
}

Answer 1

将$scope.ViewGetBUMaterialStreams 设为数组。

在 HTML 中将重复更改为

<option ng-repeat="ViewGetBUMaterialStream in ViewGetBUMaterialStreams[$index]"
      value="{{ViewGetBUMaterialStream.ToElevator}}">

将您的$scope.ViewGetBUMaterialStreams = response.data 分配更改为$scope.ViewGetBUMaterialStreams[index] = response.data

JS 看起来像这样：

$scope.ViewGetBUMaterialStreams = [];
$scope.checkchange = function(Stream, index) {
     $http.get('/ViewGetBUMaterialStream/' + Stream ).then(function (response) {
           $scope.ViewGetBUMaterialStreams[index] = response.data;
     });
};

Answer 2

您可能想使用ng-options 指令：

<select ng-model="ViewGetBUMaterialStream.ToElevator"
        ng-options="stream.ToElevator as stream for stream in ViewGetBUMaterialStreams">
     <option value=''>Select</option>
</select>

Here is a JSFiddle of a simple use case of ng-options