Как обрабатывать NG отключен в кнопку отправки и необходимые директивы на пользовательский интерфейс выберите в угловых JS - PullRequest
0 голосов
/ 25 октября 2018

Я хочу отключить кнопку отправки, когда пользовательский элемент выбора имеет нулевое значение, или пользовательский интерфейс не выбрал ни одного параметра.

Код выбора пользовательского интерфейса:

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

Но, на мой взглядКнопка Сохранить (отправить) включена, даже если в выпадающем списке ничего не выбрано.Весь код помещается в форму div с именем KeyConfigurationForm.

(отредактировано) После присвоения имени моей форме все обязательные поля правильно влияли на кнопку отправки, но проблема с выбором пользовательского интерфейса заключалась в том, что при выборе ничего в нем, возвращает нулевое значение , которое не было правильно обработано.

...