繁体   English   中英

在Angular JS中禁用ng

[英]ng-disabled in Angular JS

我有一个模态弹出式窗口,其中包含一些必填字段。

   <form name="myReferenceDataForm" role="form" ng-submit="AddNewGroupMembershipReferenceRecord()" style="margin: 10px">
        <div class="form-group row">
            <div style="padding-bottom:5px; padding-top:5px; ">
                    <label for="GroupCode" class="col-sm-4 form-control-label">
                            Group Code <span class="requiredRed">*</span>
                    </label>
                    <div class="col-sm-8">
                        <input ng-model="referenceAddRecord.groupCode" class="form-control" id="GroupCode" type="text">
                    </div>
            </div>
        </div>
        <div class="form-group row">
            <div style="padding-bottom:5px; padding-top:5px; ">
                <label for="GroupName" class="col-sm-4 form-control-label">
                    Group Name <span class="requiredRed">*</span>
                </label>
                <div class="col-sm-8">
                    <input ng-model="referenceAddRecord.groupName" id="GroupName" class="form-control" type="text">
                </div>
            </div>
        </div>
        <div class="form-group row">
            <label for="GroupType" class="col-sm-4 form-control-label">Group Type </label>
            <div class="col-sm-8">
                <select name="selGroupType" id="selGroupType" class="form-control" ng-change="referenceAddRecord.populateGroupTypeDetails(selGroupType)" ng-options="groupType.value for groupType in referenceAddRecord.groupTypes track by groupType.id" ng-model="referenceAddRecord.groupType"></select>
            </div>
        </div>

只有上面3个字段groupName , groupCode是必需的。

如果它们存在或未填充,我想禁用页面中的“提交”按钮。

所以我做了 ...

        <input type="submit" class="btn btn-default pull-right" style="width:100px;" value="Submit" ng-disabled="!(referenceAddRecord.groupCode || referenceAddRecord.groupName)|| addReferenceDataGroupNameExists() || addReferenceDataGroupCodeExists()" />

但这是行不通的。 甚至只有检查whether the fields are filled失败。 每当我仅输入一个字段时,它就会启用。

        <input type="submit" class="btn btn-default pull-right" style="width:100px;" value="Submit" ng-disabled="!(referenceAddRecord.groupCode || referenceAddRecord.groupName)" />

我在这里做错了什么?

看看这个矮人

<input type="submit" id="submit" ng-disabled="!(referenceAddRecord.groupName && referenceAddRecord.groupCode)" value="Submit" />

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM