angular - angular2 クリック後に mdtooltip を隠す

Question

サイドバーを作成しています。多くのアイコンで構成されている必要があり、ユーザーが特定のアイコンをクリックすると、対応するページにリダイレクトされます。しかし問題は、アイコンをクリックした後、ツールチップ (angular2-material から) が非表示にならず、アイコンをクリックするたびにツールチップが固定されることです。

<md-sidenav-layout id="nav_container">
<md-sidenav #start opened="true" mode="side">
    <md-nav-list>
        <div id="nav_container">
            <ul id="navigation">
                <li>
                    <a routerLink="/groups" routerLinkActive="active">
                        <md-icon   >home</md-icon>
                    </a>
                </li>
                <li>
                    <a routerLink="/contacts"  >
                        <md-icon md-tooltip="Contacts" onclick="iconClick" *ngIf="isFocues" >supervisor_account</md-icon>
                    </a>
                </li>

            </ul>
        </div>
    </md-nav-list>
</md-sidenav>

10ms 後にツールチップを非表示にするにはどうすればよいですか?

どうもありがとう