javascript - 如何使复选框禁用angular.js

标签 javascript html angularjs twitter-bootstrap checkbox

当我从组合框中选择一个项目时,如何禁用复选框。例如,如果我选择“ABONE”,angular 将使 abone 复选框禁用。

注意(示例):DefinitionType : ABONE

enter image description here

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

Ekstra Tanım Tipi

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

最佳答案

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

ng-disabled="item.value == DefinitionType.value"

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

关于javascript - 如何使复选框禁用angular.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32244642/

相关文章:

javascript - 指令如何等待处理元素的动态内插属性?

javascript - 使用 ES6 语法和动态路径导入模块

javascript - 如何在 Selenium 的 html 标签之间添加文本?

php - 插入数据前先搜索mysql数据库

javascript - AngularJS 中带有 jQ​​uery 的动态选择框

html - IE6 : Images are stretched for a split second with height:auto

javascript - 如何将 Nivo Slider 缩小到移动尺寸?

使用原型(prototype)的 Javascript 类变量范围

javascript - Angular 自定义表单验证和指令

php - 在一个查询 API 和 PHP 中插入或更新