tooltipTemplateUrlCache thanks to @kmoroder

Author: 45kb

Readme.md

@@ -86,7 +86,7 @@ tooltip-side="" | String('left','right','top','bottom') | 'top' | Set your toolt
 tooltip-template="" | String() | '' | Set your tooltip template (HTML or just Text)
  |  |  | **to know**: don't use it together with `tooltip-template-url` attribute, use only one of them
 tooltip-template-url="" | String() | '' | Set your external tooltip template PATH
- |  |  | **to know**: don't use it together with `tooltip-template` attribute, use only one of them 
+ |  |  | **to know**: don't use it together with `tooltip-template` attribute, use only one of them
 tooltip-template-url-cache="" | String(Boolean) | false | This attribute stores and retrieves the template from the cache
 tooltip-controller="" | String() | '' | Set a controller to your external tooltip template
 tooltip-smart="" | String(Boolean) | false | Set the tooltip to automatically search the best position on the screen
@@ -109,6 +109,7 @@ Sometimes you may need to set all of your tooltips options in one place, you can
     'smart':true,
     'size':'large',
     'speed': 'slow',
+    'tooltipTemplateUrlCache': true
     //etc...
   });
 }])

lib/angular-tooltips.js

@@ -69,6 +69,12 @@
       element.removeAttr('tooltip-template-url');
     }
 
+    if (element.attr('tooltip-template-url-cache') !== undefined) {
+
+      attributesToAdd['tooltip-template-url-cache'] = element.attr('tooltip-template-url-cache');
+      element.removeAttr('tooltip-template-url-cache');
+    }
+
     if (element.attr('tooltip-controller') !== undefined) {
 
       attributesToAdd['tooltip-controller'] = element.attr('tooltip-controller');
@@ -202,7 +208,8 @@
       'smart': false,
       'closeButton': false,
       'size': '',
-      'speed': 'steady'
+      'speed': 'steady',
+      'tooltipTemplateUrlCache': false
     };
 
     return {
@@ -230,7 +237,7 @@
       }
     };
   }
-  , tooltipDirective = /*@ngInject*/ function tooltipDirective($log, $http, $compile, $timeout, $controller, $injector, tooltipsConf) {
+  , tooltipDirective = /*@ngInject*/ ["$log", "$http", "$compile", "$timeout", "$controller", "$injector", "tooltipsConf", "$templateCache", function tooltipDirective($log, $http, $compile, $timeout, $controller, $injector, tooltipsConf) {
 
     var linkingFunction = function linkingFunction($scope, $element, $attrs, $controllerDirective, $transcludeFunc) {
 
@@ -547,7 +554,6 @@
             }
           }
           , onTooltipTemplateChange = function onTooltipTemplateChange(newValue) {
-
             if (newValue) {
               tooltipElement.removeClass('_force-hidden'); //see lines below, this forces to hide tooltip when is empty
               tipTipElement.empty();
@@ -564,7 +570,6 @@
             }
           }
           , onTooltipTemplateUrlChange = function onTooltipTemplateUrlChange(newValue) {
-
             if (newValue) {
 
               $http.get(newValue).then(function onResponse(response) {
@@ -588,6 +593,28 @@
               tooltipElement.addClass('_force-hidden'); //force to be hidden if empty
             }
           }
+          , onTooltipTemplateUrlCacheChange = function onTooltipTemplateUrlCacheChange(newValue) {
+            if (newValue && $attrs.tooltipTemplateUrl) {
+
+              var template = $templateCache.get($attrs.tooltipTemplateUrl);
+
+              if (typeof template !== 'undefined') {
+
+                tooltipElement.removeClass('_force-hidden'); //see lines below, this forces to hide tooltip when is empty
+                tipTipElement.empty();
+                tipTipElement.append(closeButtonElement);
+                tipTipElement.append($compile(response.data)(scope));
+                $timeout(function doLater() {
+
+                  onTooltipShow();
+                });
+              }
+            } else {
+              //hide tooltip because is empty
+              tipTipElement.empty();
+              tooltipElement.addClass('_force-hidden'); //force to be hidden if empty
+            }
+          }
           , onTooltipSideChange = function onTooltipSideChange(newValue) {
 
             if (newValue) {
@@ -708,6 +735,7 @@
           }
           , unregisterOnTooltipTemplateChange = $attrs.$observe('tooltipTemplate', onTooltipTemplateChange)
           , unregisterOnTooltipTemplateUrlChange = $attrs.$observe('tooltipTemplateUrl', onTooltipTemplateUrlChange)
+          , unregisterOnTooltipTemplateUrlCacheChange = $attrs.$observe('tooltipTemplateUrlCache', onTooltipTemplateUrlCacheChange)
           , unregisterOnTooltipSideChangeObserver = $attrs.$observe('tooltipSide', onTooltipSideChange)
           , unregisterOnTooltipShowTrigger = $attrs.$observe('tooltipShowTrigger', onTooltipShowTrigger)
           , unregisterOnTooltipHideTrigger = $attrs.$observe('tooltipHideTrigger', onTooltipHideTrigger)
@@ -767,6 +795,7 @@
 
           unregisterOnTooltipTemplateChange();
           unregisterOnTooltipTemplateUrlChange();
+          unregisterOnTooltipTemplateUrlCacheChange();
           unregisterOnTooltipSideChangeObserver();
           unregisterOnTooltipShowTrigger();
           unregisterOnTooltipHideTrigger();
@@ -789,7 +818,7 @@
       'terminal': true,
       'link': linkingFunction
     };
-  };
+  }];
 
   angular.module('720kb.tooltips', [])
   .provider(directiveName + 'Conf', tooltipConfigurationProvider)