如何切换(显示/隐藏)工具提示?

时间:2018-01-23 18:16:27

标签: angular angular-material angular-material2 material

我试图在方法为true时强制显示工具提示,我该如何实现?

工具提示overviewAPI中介绍了该流程,但我找不到其实施示例。

如果用户试图在文本输入字段中输入内容,我希望能够使用工具提示显示警告。

  • Angular 4
  • Material 2.0.0-beta.8

1 个答案:

答案 0 :(得分:1)

如果您想手动显示工具提示,可以使用@ViewChild。这是一个例子:
HTML
<div #tooltip mdTooltip="I'm a tooltip!">

<强> TS @ViewChild(MdTooltip)工具提示:MdTooltip;

showTooltip() {
  this.tooltip.show(0)
}

如果您想在每次用户输入输入时显示工具提示,只需在mdTooltipmd-form-field元素上插入input指令。