Это возможно в угловых 2?
<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>
Я ожидаю, что если оба условия истинны они позволят кнопку.
Я'ве уже пробовал выше код, но это's не работает, как ожидалось.
Объявить переменную составляющую.ТС и его инициализировать каким-то значением
buttonDisabled: boolean;
ngOnInit() {
this.buttonDisabled = false;
}
Сейчас в .HTML или в шаблоне, вы можете поместить следующий код:
<button disabled="{{buttonDisabled}}"> Click Me </button>
Теперь вы можете включить/отключить кнопку, изменяя значение buttonDisabled
переменной.
В дополнение к другим ответы, я хотел бы отметить, что все эти рассуждения также известный как в де Моргана'с законом. Это'ов на самом деле больше о математике, чем по программированию, но это настолько принципиально, что каждый программист должен знать об этом.
Ваша проблема началась так:
enabled = A and B
disabled = not ( A and B )
Пока все хорошо, но ты пошел еще дальше и попытался снять брекеты.
И что's немного сложнее, потому что вы должны заменить и
/&АМП;&
С или
/||
.
not ( A and B ) = not(A) OR not(B)
Или в более математической нотации:
Я всегда держать этот закон в голове всякий раз, когда я упрощаю условия или работать с вероятностями.
это возможно в угловых 2?
Да, это возможно.
если оба условия выполняются, будут ли они включить кнопку?
Нет, если они настоящие, то кнопка будет отключен. выключена=на"Правда"`в.
Я попробовать приведенный выше код, но он's не хорошо работает
А чего ты ожидал? кнопка будет недоступна, если "правильных" является ложным и formGroup угловой`,
SAForm` не является допустимым.
Рекомендация здесь, а также, пожалуйста, сделать кнопку типа кнопка не представить, потому что это может привести всю форму, чтобы представить и вы должны использовать недействительными
и слушай(ngSubmit)`.
Используя тернарный оператор можно как следующим.[отключен] внутренне необходимое значение true или false для своей работы.
<button type="button"
[disabled]="(testVariable1 != 0 || testVariable2!=0)? true:false"
mat-button>Button</button>