始终显示工具提示（角料2）

Question

我somebuttons

  <button mdTooltip="bye" mdTooltipPosition="left" md-mini-fab> 
       BYE 
      </button> 
      <button mdTooltip="hi" mdTooltipPosition="left" md-mini-fab> 
       HI 
      </button> 

工具提示中显示的“悬停”在默认情况下。有没有办法让它始终显示？ （显示在页面加载和住宿）

Answer 1

首先增加进口：

import {MdTooltip} from '@angular/material'; 

然后参考名称添加到工具提示：

<div> 
    <button #tooltipBye="mdTooltip" 
      mdTooltip="bye" 
      mdTooltipPosition="below" 
      md-mini-fab> 
      BYE 
    </button> 
    <button #tooltipHi="mdTooltip" 
      mdTooltip="hi" 
      mdTooltipPosition="below" 
      mdTooltipHideDelay="1000" 
      md-mini-fab> 
      HI 
    </button> 
</div> 

在组件这些元素的引用传递。然后使用AfterViewChecked生命周期挂钩调用show()方法。

component.ts：

@ViewChild('tooltipHi') tooltipHi: MdTooltip; 
@ViewChild('tooltipBye') tooltipBye: MdTooltip; 

ngAfterViewChecked(){ 

    if(this.tooltipHi._isTooltipVisible() == false){ 
    this.tooltipHi.show(); 
    } 
    if(this.tooltipBye._isTooltipVisible() == false){ 
    this.tooltipBye.show(); 
    } 

} 

这里的demo