有條件地顯示角材料2 Md-工具提示

我正在嘗試使用角材料2的MdToolTip。語法看起來像有條件地顯示角材料2 Md-工具提示

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

來源

2017-02-16 ErnieKev

我要顯示工具提示，當我將鼠標懸停在ahchor標籤時類=「不活躍」，是在行動。

所以，基本上，.not-active類是當變量isCurrentUserExist評估爲假，正確啓用？（這就是你的代碼顯示）。

然後，您可以實現它乾脆把條件[matTooltip]@input：

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

來源

2017-02-16 02:33:38 developer033

嗨，哥們。對不起，我不知道它之前爲什麼顯示錯誤。你怎麼知道你可以用[]綁定mdTooltip。這意味着幾乎所有這樣的財產？ – ErnieKev

沒問題:)它被稱爲*屬性綁定*。檢查[** this **]（https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding）。 – developer033

有條件地顯示角材料2 Md-工具提示

回答

相關問題