javascript - Angular JS 中的 ng-disabled

Question

我有一个模式弹出窗口，其中有几个必填字段。

   <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()" />

但是它不起作用。甚至只有是否填写字段检查失败。每当我只输入一个字段时，它就会被启用。

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

我在这里做错了什么？

Answer 1

看看这个 plunker

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