AngularJS - ホバー上で異なるツールチップを持つブートストラップポップオーバー

Question

クリックすると、ホバリングのための1つのヒントを表示する簡単な方法はありますか？クリックで

<span data-toggle="popover" data-trigger="hover" data-content="Click to show details">{{ someData }}</span> 

：

ただ、ブートストラップのポップオーバーをラップするこのディレクティブを使用して

<span data-toggle="popover" title="More details" data-trigger="hover" data-html="true" data-content="{{ someDetailedData }}">{{ someData }}</span> 

：

(function() { 
    "use strict"; 

    angular 
     .module("app.utils") 
     .directive("toggle", function() { 
      return { 
       restrict: "A", 
       link: function(scope, element, attrs) { 
        if (attrs.toggle == "tooltip") { 
         $(element).tooltip(); 
        } 
        if (attrs.toggle == "popover") { 
         $(element).popover(); 
        } 
       } 
      }; 
     }); 
})(); 

Answer 1

あなたはよりもng-mousedown="mouseov = false" and ng-mouseover="mouseov = true"属性 に使用することができますホバーで

あなたは

01のような何かをすることができます

<span>< data-toggle="popover" title="{{mouseov 
    ? 'title on mouseover true' 
    : 'title on mousedown leave'}}" 
    data-trigger="hover" data-content="Click to show details">{{ someData }} 
</span>