"renderer.setAttribute ()" не работает для matTooltip

Question

У меня есть два компонента. Один для родителей, другой для детей. Я хочу установить атрибут matTooltip в элементе родительского компонента из дочернего компонента. Я попробовал это ниже:

 @ViewChild('contentWrapper') content: ElementRef;// getting parent component element
 ngAfterViewInit() {
    this.renderer.setAttribute(this.content.nativeElement.parentElement.parentElement, 'matTooltip',
      this.content.nativeElement.innerText);

}

Это отображается в браузере как:

<span id="popuptrigger" style="position: absolute;margin-top: -8px" 
mattooltip=" Soft drinks, coffees, teas, beers, and ales "> Soft drinks, 
coffees, teas, beers,</span>

Я вижу атрибут mattooltip в элементе span. Но я не могу увидеть Подсказка.

С другой стороны, это нормально работает для атрибута title:

this.renderer.setAttribute(this.content.nativeElement.parentElement.parentElement, 'title',
    this.content.nativeElement.innerText);
}