Отключить кнопку в угловой 2 с двумя условиями

Это возможно в угловых 2?

<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>

Я ожидаю, что если оба условия истинны они позволят кнопку.

Я'ве уже пробовал выше код, но это's не работает, как ожидалось.

Amr ElAdawy
Редактировал вопрос 21-го апреля 2017 в 8:12
Программирование
html angular typescript
21-го апреля 2017 в 5:05
18 просмотров
Комментарии к вопросу (6)
Решение

Это звучит, как вам нужно или вместо: 

Add

Это позволит отключить кнопку, если не проверить или если не SAForm.действует.

Комментарии (2)

Объявить переменную составляющую.ТС и его инициализировать каким-то значением

 buttonDisabled: boolean;

  ngOnInit() {
    this.buttonDisabled = false;
  }

Сейчас в .HTML или в шаблоне, вы можете поместить следующий код:

 Click Me

Теперь вы можете включить/отключить кнопку, изменяя значение buttonDisabled переменной.

Vishal Hulawale
Редактировал ответ 9-го сентября 2018 в 3:21
Комментарии (2)

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

Ваша проблема началась так:

enabled  = A and B
disabled = not ( A and B )

Пока все хорошо, но ты пошел еще дальше и попытался снять брекеты. И что's немного сложнее, потому что вы должны заменить и/&АМП;& С или/||.

not ( A and B ) = not(A) OR not(B)

Или в более математической нотации:

Я всегда держать этот закон в голове всякий раз, когда я упрощаю условия или работать с вероятностями.

bvdb
Редактировал ответ 2-го марта 2019 в 11:46
Комментарии (1)

это возможно в угловых 2?

Да, это возможно.

если оба условия выполняются, будут ли они включить кнопку?

Нет, если они настоящие, то кнопка будет отключен. выключена=на"Правда"`в.

Я попробовать приведенный выше код, но он's не хорошо работает

А чего ты ожидал? кнопка будет недоступна, если "правильных" является ложным и formGroup угловой`,SAForm` не является допустимым.

Рекомендация здесь, а также, пожалуйста, сделать кнопку типа кнопка не представить, потому что это может привести всю форму, чтобы представить и вы должны использовать недействительными и слушай(ngSubmit)`.

Amr ElAdawy
Редактировал ответ 21-го апреля 2017 в 5:25
Комментарии (6)

Используя тернарный оператор можно как следующим.[отключен] внутренне необходимое значение true или false для своей работы.

Button
Комментарии (1)