Динамический вызов угловой подсказки материала из файла .ts - PullRequest
0 голосов
/ 05 апреля 2019

У меня есть сетка входов, которые должны вести себя одинаково, включая отображение состояния ошибки, когда введенное значение равно 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), поэтому не понимаю, как это можно сделать.

1 Ответ

1 голос
/ 05 апреля 2019

Попробуйте это:

(keyup)="keyup($event, task, tooltip);

И в вашем файле TS:

keyup(evt:MouseEvent,task:any,tooltip:MatTooltip) {
...
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...