Html 带条件显示的角度材质2 Md工具提示

我正在尝试使用角材质2。语法看起来像

<span mdTooltip="Tooltip!">I have a tooltip</span>

我有一个工具提示

但是，我想在我的锚标签上实现这个功能。当class=“not active”处于活动状态时，当我将鼠标悬停在ahchor标记上时，我希望显示工具提示。我怎样才能做到这一点

<a [ngClass]="{'not-active': !isCurrentUserExist}" [routerLink]="['/create-timesheet']">Link1</a>


/*disabled side menu links*/
.not-active {
   pointer-events: none;
   cursor: default;
}

Link1
/*禁用侧菜单链接*/
.不活跃{
指针事件：无；
游标：默认值；
}

当鼠标悬停在ahchor标记上时，我想显示工具提示 class=“未激活”正在运行

因此，基本上，当变量

isCurrentUserExist

的计算结果为false时，

.notactive

类被启用，对吗？（这就是您的代码显示的内容）

然后，只需在

[matTooltip]

@Input中添加一个条件即可实现：

<span [matTooltip]="!isCurrentUserExist ? 'Tooltip!' : ''">
  I have a tooltip
</span>

---

材质角度工具提示中有一个名为

matTooltipDisabled

（类型布尔）的参数。它可以绑定到与绑定

matTooltip

的元素相同的元素

<span matTooltip="Tooltip!" [matTooltipDisabled]="hideTooltip == true">I have a tooltip</span>

因此，使用您自己的代码，更好的解决方案是：

<a matTooltip="Tooltip!" [matTooltipDisabled]="!isCurrentUserExist" [ngClass]="{'not-active': !isCurrentUserExist}" [routerLink]="['/create-timesheet']">Link1</a>

/*disabled side menu links*/
.not-active {
   pointer-events: none;
   cursor: default;
}

医生：
嘿，伙计。对不起，我不知道为什么它之前显示错误。您如何知道可以将mdTooltip与[]绑定。这意味着几乎任何类似的属性吗？没问题：）它被称为属性绑定。检查。我推荐@ErickXavier's和
[matTooltipDisabled]
。这是一个更优雅的解决方案。：）@biolauri虽然我完全同意
matTooltipDisabled
的使用更加优雅，但我想指出的是
matTooltipDisabled
是在2017年4月7日发布的版本中实现的，这是在2017年2月16日我回答了这个问题之后。哦，听起来我的评论有点伤痛。对不起。你这么熟悉Angular的变化记录真是太好了。为什么不考虑根据这个更新你的答案呢？如果人们想知道这是什么时候改变的，以及到目前为止最好的解决方案是什么（如中所建议的），那么这对他们来说是一个很好的知识。或者你也可以加上你自己的名字，就像中建议的那样。再说一次，我不想伤害你；只需改进答案。：）
let hideTooltip:boolean = false;

<a matTooltip="Tooltip!" [matTooltipDisabled]="!isCurrentUserExist" [ngClass]="{'not-active': !isCurrentUserExist}" [routerLink]="['/create-timesheet']">Link1</a>

/*disabled side menu links*/
.not-active {
   pointer-events: none;
   cursor: default;
}