如何使复选框禁用angular.js

Pen*_*uen 3 html javascript checkbox twitter-bootstrap angularjs

当我从组合框中选择一个项目时,如何禁用复选框.例如,如果我选择"ABONE",角度将使abone复选框禁用.

注意(示例):DefinitionType:ABONE

在此输入图像描述

                  <div class="row">
                <div class="form-group">
                    <label class="control-label col-md-2">Tan?m Tipi<sup>*</sup></label>
                    <div class="col-md-3">
                        <select class="form-control" placeholder="Tan?m Tipi" ng-options="field.value for field in DefinitionTypes" ng-model="DefinitionType"  required></select>
                    </div>
                </div>
            </div><br />  
Run Code Online (Sandbox Code Playgroud)

EkstraTanımTipi

                        <div class="checkboxinsameline" ng-repeat="item in DefinitionTypes">
                            <label>
                                <input type="checkbox" name="item.value" ng-click="DefinitionTypesChecked(item.id)" > {{item.value}}
                            </label>
                        </div>

                    </div>
                </div>
            </div><br />
Run Code Online (Sandbox Code Playgroud)

Pie*_*ler 6

您必须在输入中添加此属性:

ng-disabled="item.value == DefinitionType.value"
Run Code Online (Sandbox Code Playgroud)

当输入值等于您选择的模型的值时,这将禁用您的输入.