如何自動檢查ng-repeat複選框當我更改下拉值

嗨，我所有我使用的是angularjs ng-repeat我有複選框和下拉列表綁定它現在我的需要是當我更改下拉列表的值意味着自動複選框將檢查基礎在下拉菜單種選擇如何自動檢查ng-repeat複選框當我更改下拉值

<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>

https://jsfiddle.net/7MhLd/2546/

來源

2017-05-04 jose

可以讓這個 –

的小提琴請分享這個代碼的plnkr演示其將易於理解的問題，並且人們可以輕鬆地幫助您，而不會浪費時間來了解問題在哪裏 –

好的等待我將更新我的代碼@nair athul; @kp chundawat – jose

使用NG-變化使複選框的NG-模型值爲真。

在複選框HTML

<input type="checkbox" ng-change="checkchange(BFMaterialStream.MaterialStream,$index)" 
     ng-model="selection.ids[BFMaterialStream.MaterialStream]" name="group" id="BFMaterialStream.MaterialStream" 
ng-true-value="true" ng-false-value="false"/>

在選擇HTML

<select id="MaterialElevator" tabindex="7" required typeof="text" name="Elevator" 
      form="DistanceMatrixFormId" class="form-control" ng-model="ViewGetBUMaterialStream.ToElevator" 
      ng-change="SetCheckBoxTrue(BFMaterialStream.MaterialStream)">

在JS：

$scope.SetCheckBoxTrue= function (MaterialStream) { 
    $scope.selection.ids[MaterialStream] = true; 
}

來源

2017-05-04 11:55:49

它不工作yar – jose

任何建議 – jose

嘗試在複選框中使用ng-true-value和ng-false-value –

檢查搗鼓你的工作答案

在 <select>和分配的功能

https://jsfiddle.net/athulnair/pzuetsx1/2/

$scope.checkLine = function(index) { 
    $scope.lines[index].selected = true; 
    } 

<div ng-repeat="line in lines"> 
    <input type="checkbox" ng-model="line.selected" /> {{line.text}} 
    <select required typeof="text" class="form-control" ng-change="checkLine($index)" ng-model='line.text'> 
     <option value='0'>Select</option> 
     <option value='1'>one</option> 
     <option value='2'>two</option> 
     <option value='3'>three</option> 
    </select> 



    </div>

來源

2017-05-04 11:54:16

TypeError：不能設置屬性'選定'的undefined我得到這個錯誤 – jose

你檢查了小提琴 –

我已經更新小提琴與選定的屬性到對象https://jsfiddle.net/athulnair/pzuetsx1/3/ –

如何自動檢查ng-repeat複選框當我更改下拉值

回答

相關問題