Angularjs Action Tooltip服務

Question

我想問問你是否有人知道如何在angularjs中製作這種動作工具提示？

Answer 1

在這裏，你去！您的工具提示帶有警報，正如我前面所說，在工具提示中決定DOM元素並不是一個好做法。但是，你仍然可以使用這個，

包括在你的頁面，這些HTML是要包含提示

var app = angular.module("alert", []); 
app.controller("MainCtrl", ["$scope", function(e) { 
    e.name = "World" 
}]), app.directive("alertTooltip", ["$compile", function(e) { 
    return { 
    restrict: "A", 
    scope: { 
     alertTooltipScope: "=" 
    }, 
    link: function(n, o, t) { 
     var i = t.alertTooltip; 
     n.hidden = !0; 
     var a = angular.element("<div ng-hide='hidden'>"); 
     a.append("<div ng-include='\"" + i + "\"'></div>"), o.parent().append(a), o.on("mouseenter", function() { 
     n.hidden = !1, n.$digest() 
     }).on("mouseleave", function() { 
     n.hidden = !0, n.$digest() 
     }); 
     var l = n.$new(!0); 
     angular.extend(l, n.alertTooltipScope), e(a.contents())(l), e(a)(n) 
    } 
    } 
}]); 

LIVE DEMO