У меня есть сетка входов, которые должны вести себя одинаково, включая отображение состояния ошибки, когда введенное значение равно 0. Я пытаюсь показать состояние ошибки с помощью всплывающей подсказки. Поэтому мне нужно запретить его отображение, если нет ошибки, и я также хотел бы установить сообщение об ошибке динамически (в будущем могут появиться другие сообщения об ошибках). Мне нужно сделать это в событии keyup, но вся документация показывает, что отключение / включение происходит в html.
<input #cell autocomplete="off" matInput type="number"
[(ngModel)]="task"
(focus)="focus($event)"
(keydown)="keydown($event, i, j+1)"
(keyup)="keyup($event, task)"
#tooltip="matTooltip"
matTooltip="some error text"
[matTooltipPosition]="'after'"
matTooltipClass="mat-tooltip-error" />
Я добавил в ссылку #tooltip
согласно: https://material.angular.io/components/tooltip/examples
где можно получить доступ к показу и сокрытию с помощью tooltip.show()
и tooltip.hide()
, но я не знаю, как получить к нему доступ из функции keyup в файле ts (он не отображается в event.target). Я также не могу напрямую сделать условное выражение в событии (keyup)
, поэтому не понимаю, как это можно сделать.