javascript - 如何在组件初始化时显示 Angular Material 工具提示

Question

我想在组件初始化/加载时显示 Angular Material 工具提示。

我知道我可以添加一个 HTML 属性来在事件发生时显示它。我的总体目标是在组件加载时显示工具提示，然后在几秒钟后隐藏。

我尝试过以下方法:

<div (load)="tooltip.show()"
     #tooltip="matTooltip"
     matTooltip="blah blah">
</div>

Answer 1

YoukouleleY 几乎是正确的，您需要将其放入 ngAfterViewInit() 中并添加 setTimeout() 才能使其工作:

@ViewChild('tooltip') tooltip: MatTooltip;

constructor(private cd: ChangeDetectorRef) { }

ngAfterViewInit() {
   this.tooltip.show();
   this.cd.detectChanges();
   setTimeout(() => this.tooltip.hide(2000));
}

<小时/>

添加了changeDetectorRef的更新以避免ExpressionChangedAfterItHasBeenCheckedError。希望有帮助。