Угловой материал 2 Md-ToolTip с условным обозначением

Question

Я пытаюсь использовать Angular Material 2's MdToolTip. Синтаксис выглядит так:

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

Однако я хочу реализовать эту функцию на своем якорь-теге. Я хочу показать всплывающую подсказку, когда я навешиваю над тегом ahchor, когда класс = "неактивный" находится в действии. Как я мог это достичь?

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


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

Answer 1

Я хочу, чтобы показать всплывающую подсказку, когда я наведите курсор мыши на ahchor тега, когда класс = «не-активным» в действии.

Таким образом, в основном, .not-active класс включается, когда переменнаяisCurrentUserExist вычисляет ложной, верно? (Это то, что показывает ваш код).

Затем, вы можете достичь это просто поставив условие в [matTooltip]@Input:

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