Когда я нажимаю tab для навигации по элементам управления на экране (для приложения Angular), он включает отключенные элементы управления в последовательности вкладок при использовании этого углового механизма для условного отключения элемента управления:
<button [disabled]="!this.myForm.valid">
Проблема в том, что если я также включу обработчик события щелчка ...
<button (click)="saveForm()" [disabled]="!this.myForm.valid">
... хотя верно, что вы не можете активировать обработчик кликов одним щелчком мыши, вы можете активировать его, нажав return (enter)!
Это плохой пользовательский опыт; когда кнопка отключена с помощью такого выражения, как показано, я хочу, чтобы она была (а) либо полностью не фокусируемой, либо (б) могла игнорировать нажатие клавиши ввода. Есть предложения?
(Возможно, что-то в моей кодовой базе усугубляет это, но для меня вышеприведенное выглядит как поведение по умолчанию Angular.