Angular material matTooltip无法在鼠标悬停闪烁组件上使用angular cli

我正在使用Angular6和angular-cli-6.0.8。 在使用matTooltip时，然后在鼠标悬停时，我会得到组件（标题）的位置变化，并将其移出鼠标，这是正常的行为。 代码如下：

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

请提供帮助。
使用
mdToolTip=“{{your ngFor expression}}”