matTooltip 不适用于鼠标悬停闪烁组件上的角度 cli

Question

我正在使用带有angular-cli-6.0.8的Angular6。 在使用 matTooltip 时，在鼠标悬停时，我得到了组件(标题(位置的变化，并且 mouseOut 这是正常行为。 以下是代码：

<div #HeaderMenu>
<div id="headerMenu" *ngIf="isHeaderButtonOpenStatus" style="display:block">
<div class="right-h" *ngFor="let head of commonService.AllHeaderRoutingList">
<a  [routerLink]="head.routerLink">
<img class="addOnBtn" [id]="head.id" [src]="getSource(head)" [matTooltip]="head.title" (click)="setActive(head.id, head.source, head); toggleHeader()" />
</a>
<div [ngStyle]="{'background-color': head.isRouter ? '#0074BA' : '#232323' }" matTooltip="Pin to the top" (click)="setHeaderRouting(head)" class="isRouter"> </div>
</div>
</div>
</div>

因此，如果您在上面的代码中看到鼠标悬停在元素上<a ...</a>and <div [ngStyle]....</div>

完全<div #HeaderMenu> ....</div>是从上到下的一点点转变。换句话说，在标题顶部创建空白区域(请参见下图(。 鼠标悬停在图像按钮标题上 组件位置更改

请提供任何帮助。

Answer 1

使用mdToolTip= "{{ your ngFor expression}}".