Как отключить кнопку отправки в форме после того, как пользователь нажал на кнопку отправки угловой 6 - PullRequest
Новая
       19

Как отключить кнопку отправки в форме после того, как пользователь нажал на кнопку отправки угловой 6

0 голосов
/ 02 ноября 2019

Это то, что я хочу, чтобы моя кнопка делала. Я хочу, чтобы моя кнопка была отключена, пока пользователь не введет все необходимые значения в форму. Как только пользователь введет все значения в форму, он сможет нажать кнопку «Отправить». Затем, после того, как пользователь нажмет кнопку «Отправить», эта кнопка снова будет отключена.

Я пробую что-то вроде этого

html 

 <div class="field is-grouped">
              <p class="control">
              <button class="button is-info"
                  [disabled]="!aFormGroup.dirty || !FormGroup.valid "
                  type="submit"
                   onClick= "this.disabled=true" 
                  >Submit</button>
              </p>
</div

ts 

submit() {..}

моя кнопка отключается, когда пользователь нажимает кнопку, но я не получаю никаких результатов от API. Кажется, что ничего не отправляется на API

Это работает

HTML 

 <div class="field is-grouped">
          <p class="control">
          <button class="button is-info"
              [disabled]="!aFormGroup.dirty || !FormGroup.valid "
              type="submit"
              >Submit</button>
          </p>

TS 

 submit() {..}

, но моя кнопка не отключается послепользователь нажимает на нее

1 Ответ

0 голосов
/ 03 ноября 2019

Вы можете определить открытое логическое поле в компоненте и связать значение с атрибутом [disabled] в html. 

[disabled]="!aFormGroup.dirty || !aFormGroup.valid || isDisabled"

и установить значение true в методе submit.

Вот небольшой пример https://stackblitz.com/edit/angular-ygdag8

...