feature: templateFile can now be changed on the fly

JohnnyTheTank · Jan 25, 2016 · 2f2c08f · 2f2c08f
1 parent 88fec67
commit 2f2c08f
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 27 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "apiNG",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "homepage": "https://github.com/JohnnyTheTank/apiNG",
   "authors": [
     "Jonathan Hornung <[email protected]>"

diff --git a/dist/aping.js b/dist/aping.js
@@ -1,6 +1,6 @@
 /**
     @name: aping 
-    @version: 1.0.7 (25-01-2016) 
+    @version: 1.0.8 (25-01-2016) 
     @author: Jonathan Hornung <[email protected]> 
     @url: https://github.com/JohnnyTheTank/apiNG 
     @license: MIT
@@ -39,26 +39,36 @@ angular.module('jtt_aping')
             link: function (scope, element, attrs, controller, transcludeFn) {
 
                 var templatePath = scope.templateUrl;
+
+                scope.$watch('templateUrl', function () {
+                    renderTemplate(scope.templateUrl);
+                });
+
                 if (angular.isUndefined(templatePath)) {
                     if (angular.isDefined(apingDefaultSettings.templateUrl)) {
                         templatePath = apingDefaultSettings.templateUrl;
+                        renderTemplate(templatePath);
                     }
                 }
 
-                if (angular.isDefined(templatePath) && templatePath !== "$NONE") {
-                    $templateRequest(templatePath).then(function (html) {
-                        var template = angular.element(html);
-                        element.append(template);
-                        $compile(template)(scope);
-                    });
-                } else {
-                  transcludeFn(scope, function (clone, innerScope) {
-                    element.append(clone);
-                    $compile(clone)(innerScope);
-                  });
+                function renderTemplate(_templatePath) {
+                    if (angular.isDefined(_templatePath) && _templatePath !== "$NONE") {
+                        $templateRequest(_templatePath).then(function (html) {
+                            var template = angular.element(html);
+                            element.empty().append(template);
+                            $compile(template)(scope);
+                        });
+                    } else {
+                        transcludeFn(scope, function (clone, innerScope) {
+                            element.append(clone);
+                            $compile(clone)(innerScope);
+                        });
+                    }
                 }
+
             },
             controller: ['$scope', function ($scope) {
+
                 $scope.results = [];
                 $scope.payload = $scope.payloadJson ? apingUtilityHelper.replaceSingleQuotesAndParseJson($scope.payloadJson) : {};