素材2 调用Tooltip show方法

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。

将您的模板更改为：

<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 ();
}