材质2调用工具提示显示方法

Question

我想弄清楚在Material 2 Tooltip上调用显示和隐藏方法，以便我可以强制工具提示根据组件中的某些条件显示或隐藏它。

我已经尝试使用@ViewChild来获得对指令的引用，但我必须做错了什么。

模板片段：

<button md-mini-fab color="primary" mdTooltip="Menu" [mdMenuTriggerFor]="menu" class="remove-record"> 
    <md-icon color="white">view_headline</md-icon> 
    </button> 

组件段：

export class RackAverageComponent implements OnInit { 
    @ViewChild(MdTooltip) save; 

    ngOnInit() { 
     this.save.show(); 
    } 
} 

好像在模板中的指令没有得到与组件关联。不知道我是否正确使用@ViewChild。

Answer 1

您需要提供一个id给tooltip。

模板改成这样：

<button md-mini-fab color="primary" 
       #tooltip="mdTooltip" [mdTooltip]="'Menu'" 
       [mdMenuTriggerFor]="menu" class="remove-record"> 
    <md-icon color="white">view_headline</md-icon> 

...存取权限和使用视图后ViewChild和显示工具提示初始化：

@ViewChild('tooltip') tooltip:MdTooltip; 

ngAfterViewInit() { 
    this.tooltip.show(); 
}