[map-lazy-load] keep element content for each calls.

Author: aitboudad

directives/map-lazy-load.js

@@ -36,20 +36,28 @@
 /* global window, document */
 (function() {
   'use strict';
-  var $timeout, $compile, src, savedHtml;
+  var $timeout, $compile, src, savedHtml, elements = [];
 
   var preLinkFunc = function(scope, element, attrs) {
     var mapsUrl = attrs.mapLazyLoadParams || attrs.mapLazyLoad;
 
-    window.lazyLoadCallback = function() {
-      console.log('Google maps script loaded:', mapsUrl);
-      $timeout(function() { /* give some time to load */
-        element.html(savedHtml);
-        $compile(element.contents())(scope);
-      }, 100);
-    };
-
     if(window.google === undefined || window.google.maps === undefined) {
+      elements.push({
+        scope: scope,
+        element: element,
+        savedHtml: savedHtml,
+      });
+
+      window.lazyLoadCallback = function() {
+        console.log('Google maps script loaded:', mapsUrl);
+        $timeout(function() { /* give some time to load */
+          elements.forEach(function(elm) {
+              elm.element.html(elm.savedHtml);
+              $compile(elm.element.contents())(elm.scope);
+          });
+        }, 100);
+      };
+
       var scriptEl = document.createElement('script');
       console.log('Prelinking script loaded,' + src);