ボタンを無効にすると、angular2-mdlのツールチップが止まる

Question

ボタンにmdlツールチップを設定しました。 マウスがボタンの上を移動すると、ツールチップが正しく表示されます。 マウスがボタンを離れると、ツールチップが正しく消えます。

ボタンをクリックすると、ボタンが無効になり、ツールチップが表示されたままになります。ボタンをクリック/無効にしたときにツールチップが非表示になるようにこれを修正するにはどうすればよいですか？

<button type="button" mdl-button mdl-button-type="icon" mdl-colored="primary" mdl-ripple mdl-tooltip="Disable Button" mdl-tooltip-position="bottom" (click)="isDisabled = true" [disabled]="isDisabled"> 
    <mdl-icon>close</mdl-icon> 
    </button> 

plunker：http://plnkr.co/edit/vGw8W93jR0j6qzHCyASS?p=preview

Answer 1

ポインタイベントが無効になっ要素に解雇されていません。あなたがやろうとしている可能何にするために、このようにコードを変更することができます

：

<span mdl-tooltip="blah"> 
     <button mdl-button mdl-button-type="fab" mdl-colored="primary" 
     [disabled]="itemDisabled" (click)="itemDisabled=!itemDisabled"> 
     <mdl-icon>add</mdl-icon> 
     </button> 
    </span> 

（参照：https://github.com/mseemann/angular2-mdl/issues/535）

を：（ Event on a disabled inputそのトピックについての議論のための顔をしています）