angularjs - 如何处理在提交按钮中禁用的ng以及在角度js中选择ui的所需指令

Question

当 ui 选择元素具有空值或 ui 选择下拉列表未选择任何选项时，我想禁用提交按钮。

界面选择代码：

<form name="KeyConfigurationForm">
<div class="wrapper wrapper-content animated fadeInDown">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h3>
                Company App Configuration
            </h3>
        </div>

        <div class="ibox-content">
            <div class="row col-sm-offset-1">
                <div class="form-group col-sm-10">
                    <label class="col-sm-3 control-label">Select Company</label>
                    <div class="col-sm-9">
                        <ui-select ng-model="configvalues.CompanyInfoID" ng-change="getCompanyModulesListByCompanyID($select.selected.CompanyInfoID); GetFranchiseList($select.selected.CompanyInfoID)" theme="bootstrap" required>
                            <ui-select-match>{{$select.selected.Name}}</ui-select-match>
                            <ui-select-choices repeat="itm.CompanyInfoID as itm in Companies | selectFilter:{Name:$select.search, Code:$select.search}">
                                <div ng-bind-html="itm.Name | highlight: $select.search"></div>
                                <small ng-bind-html="itm.Code | highlight: $select.search"></small>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </div>






            <button type="button" class="btn btn-primary" ng-click="saveConfigurationKeys()" ng-disabled="KeyConfigurationForm.$invalid"> Save Configuration</button>
            <a href="index.html#/index/main" type="button" class="btn btn-warning">Close</a>
        </div>

    </div>
</div>
</form>

但在我看来，即使在下拉列表中没有选择任何内容，保存（提交）按钮也会启用。所有代码都放在名为 KeyConfigurationForm 的表单 div 中。

（已编辑）在为我的表单指定名称后，所有必填字段都会正确影响提交按钮，但 ui select 的问题是在其中不选择任何内容时，返回未正确处理的空值。