2017-12-13 10 views
2

ntrl-nh-mouseleaveをtooltip-is-openと共に使用してツールチップの状態を設定すると、まだツールチップを作成できます私はツールヒントを開いたままのツールヒントがディレクティブ内で機能しない

 element.on('mouseover', hoverIn); 
     element.on('mouseleave', hoverOut); 

イベントの火が、ツールチップでディレクティブにそれをリファクタリングしようとすると、しかし、まだツールチップ地域ここ

上でマウスホバーは、両方の

ためplunkerだ時に閉じられている

を推移したときに開きます

https://plnkr.co/edit/6U2Dge8srf8C8SRNkPVK?p=preview

編集:子供に親のdivのうちときにマウスが移動NG-マウスオーバー/ NG-mouseleaveを使用して、それが点滅するので、両方を改善するための任意の提案はあなたに感謝し、非常に歓迎されます。あなたが強制的に$apply を使用してスコープを更新することができますので、私はあなたがここ

hoverIn = function() { 
    scope.tooltipState = true; // remove isOpen from here 
    scope.$apply(); // force to apply scope 
    console.log("Event Fired"); 
}; 

hoverOut = function() { 
    scope.tooltipState = false; // remove isOpen from here 
    scope.$apply(); // force to apply scope 
    console.log("Event Fired"); 
}; 

あなたhoverInとhoverOut機能を変更することができスコープの更新のごissue.itの問題の解決策を見つけた

答えて

2

update plnkr

plnkrアップデートです
+0

ありがとう、私は答えをマークしました。 しかし、まだちらつきの問題があります。私は別の質問を作成しました。おそらくあなたはいくつかの洞察力を提供するのを助けることができますか? https://stackoverflow.com/questions/47805846/mouseover-mouseenter-flickers-interaction-with-tooltip – qkhanhpro

関連する問題