add branch 'templateUrl'. Extracted internal directive template into an external template page

Author: chrisg220

egghead/js/app.js

@@ -9,11 +9,7 @@ app.directive('zippy', function() {
       attrfoo: '@',
       attrbar: '@'
     },
-    template: '<div>' +
-                '<h3 ng-click="toggleContent()"> First input is: {{attrfoo}} </h3><br/>' +
-                  'Second input is: {{attrbar}} <br/>' +
-                '<div ng-click="myFunc()" ng-show="isContentVisible" ng-transclude> </div>' +
-              '</div>',
+    templateUrl: 'templates/zippy_template.html',
 
     link: function(scope) {
       scope.isContentVisible = false;
@@ -24,7 +20,7 @@ app.directive('zippy', function() {
       };
 
       scope.myFunc = function() {
-        console.log('myfunct Fired')
+        console.log('myfunct Fired');
       };
     }
   };

egghead/templates/zippy_template.html

@@ -0,0 +1,5 @@
+<div>
+  <h3 ng-click="toggleContent()"> First input is: {{attrfoo}} </h3><br/>
+    Second input is: {{attrbar}} <br/>
+  <div ng-click="myFunc()" ng-show="isContentVisible" ng-transclude> </div>
+</div>