Кнопка формы angularjs не проверена или не включена - PullRequest
0 голосов
/ 13 июня 2018

У меня есть форма angularjs, которая извлекает данные по умолчанию из области видимости.С данными по умолчанию форма должна быть проверена и, следовательно, активировать кнопку для отправки, но обратный случай, за исключением того, что данные вводятся в поле ввода, и это активирует кнопку.вот фрагмент

<div ng-controller="FormValidationController as frmValidationController" class="ui basic segment">

  <form class="ui form" name="frmValidation" novalidate>    
      <div ng-class = "{'has-error':frmValidation.option1.$invalid && !frmValidation.option1.$pristine}"
           class="required field">
          <label>Selection</label>
          <input ng-model="option" ng-minlength="3" formcontrol
                 name="option1" placeholder="Option" type="text"
                 class="ng-dirty ng-valid ng-touched" required>
           <div _ngcontent-c5="" ngxerrors="option1">
               <div class="input-error-message" ngxerror="validName" hidden="">
                    selection should be there
                </div>               
          </div>
          <p ng-show = "frmValidation.option1.$invalid && !frmValidation.option1.$pristine"
             class = "input-error-message">required</p>
      </div>

, если модель имеет данные, кнопка должна быть включена при запуске, но этого никогда не происходит, и я хочу, чтобы это произошло

<button ng-click="submit(); frmValidationController.submitForm(frmValidation.$valid)"
    ng-disabled ="!frmValidation.$dirty || frmValidation.$invalid"
    class="ui primary button" tabindex="0" type="submit">
  Proceed
</button>

1 Ответ

0 голосов
/ 13 июня 2018

Проблема здесь:

ng-disabled ="!frmValidation.$dirty || frmValidation.$invalid"

В частности:

!frmValidation.$dirty

Форма грязная, только если с ней взаимодействовал фактически пользователь.Поскольку вы загружаете данные по умолчанию, форма заполнена правильно, но пользователь НЕ прикоснулся к ней и не «замутил» ее.

Удалите эту проверку, и я считаю, что она должна работать должным образом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...