Углубленное действие Инструмент подсказки

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