Как показать подсказку углового материала при инициализации компонента

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.Надеюсь, это поможет.

Answer 2

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

@ViewChild('tooltip') tooltip: MatToolTip;

ngOnInit() {
  this.tooltip.show();
  this.tooltip.hide(2000);
}