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

Question

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

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

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

Answer 1

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

Answer 2

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

, например:

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

EDIT: как действительно рекомендовал Dhananjai Pai.При использовании угловых форм вы можете добавить валидаторы.Затем вы можете активировать кнопку, когда ваша полная форма действительна.