【问题标题】:how to make checkbox disabled angular.js如何使复选框禁用angular.js
【发布时间】:2015-11-21 13:21:22
【问题描述】:

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

注意(示例):定义类型: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 />  

埃克斯特拉·塔尼姆·蒂皮

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

【问题讨论】:

  • 您可以将属性disabled="{{isDisabled}}" 添加到复选框中,然后根据在下拉菜单中单击的内容在控制器中管理isDisabled 的值。

标签: javascript html angularjs twitter-bootstrap checkbox


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2013-06-28
    • 1970-01-01
    • 2015-08-29
    • 2014-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多