我想在组件初始化/加载时显示 Angular Material 工具提示。
我知道我可以添加一个 HTML 属性来在事件发生时显示它。我的总体目标是在组件加载时显示工具提示,然后在几秒钟后隐藏。
我尝试过以下方法:
<div (load)="tooltip.show()"
#tooltip="matTooltip"
matTooltip="blah blah">
</div>
最佳答案
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。希望有帮助。
关于javascript - 如何在组件初始化时显示 Angular Material 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54410370/