Question

我有一个输入网格，它们需要以相同的方式工作，包括在输入值为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()访问显示和隐藏，但是我不知道如何从ts文件的keyup函数内部访问它（它不会出现在event.target中）。我也无法直接在(keyup)事件中执行条件语句，因此我不知道该如何完成。

Answer 1

尝试一下：

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

在您的TS文件中：

keyup(evt:MouseEvent,task:any,tooltip:MatTooltip) {
...
}

从.ts文件动态调用角度材料工具提示

1 个答案: