отключить кнопку в зависимости от условий

Я очень новичок в Angular 4. У меня есть 4 входных текста: имя, адрес, почтовый индекс и страна, которая представляет собой раскрывающийся список.

Есть кнопка, которая отключается, когда нет имени, страны и адреса. Для некоторых стран почтовый индекс является обязательным (эта проверка выполняется с помощью вызова API, который дает нам истинное или ложное значение, если это так, то требуется почтовый индекс). Для стран, которые возвращают true, кнопка должна быть отключена для имени, страны, адреса и почтового индекса.

Пожалуйста помоги.


angular disable
person Prasuram    schedule 04.02.2019    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Если вы используете Angular FormsModule или ReactiveFormsModule, вы можете соответствующим образом установить проверки и автоматически получить свойство valid с переменной ngForm, если все элементы формы действительны. Вы можете напрямую связать это со свойством [disabled] в шаблоне html и заставить его работать.

person Dhananjai Pai    schedule 04.02.2019

arrow_upward
0
arrow_downward

Вы можете добавить [disabled]="boolean" к своему html-элементу, чтобы сделать его условно отключенным.

Например:

<button [disabled]="formNotComplete">submit form</button>

РЕДАКТИРОВАТЬ: как действительно рекомендовал Дхананджай Пай. При использовании угловых форм вы можете добавить валидаторы. Затем вы можете включить кнопку, когда ваша полная форма действительна.

person Ken Bostoen    schedule 04.02.2019