javascript - Angularjs 操作工具提示服务

Question

我想问一下有没有人知道如何在angularjs中制作这种 ActionScript 提示？

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