HTML Template is now baked-in using Grunt, so no need to modify "templateUrl" any more.

Author: nickperkinslondon

Gruntfile.coffee

@@ -10,7 +10,7 @@ module.exports = (grunt)->
         options:
           pretty:true
         files:
-          'dist/abn_tree_template.html':'src/abn_tree_template.jade'
+          'temp/_template.html':'src/abn_tree_template.jade'
           'test/tests_page.html':'test/tests_page.jade'
 
       #
@@ -57,24 +57,41 @@ module.exports = (grunt)->
             ng:"1.2.12"
 
 
-
-
-
-
+    "string-replace":
+      dev:
+        files:
+          #
+          # substitute the "template html" into an intermediate coffeescript file
+          # ( to take advantage of triple-quoted strings )
+          #
+          'temp/_directive.coffee':'src/abn_tree_directive.coffee'
+        options:
+          replacements:[
+            pattern: "{html}"
+            replacement_old: "<h1>i am the replacement!</h1>"
+            replacement: (match, p1, offset, string)->
+              grunt.file.read('temp/_template.html')
+          ]
 
     coffee:
       dev:
         options:
           bare:true
         files:
-          'dist/abn_tree_directive.js':'src/abn_tree_directive.coffee'
+          #
+          # the _temp.coffee file has the "template html" baked-in by Grunt
+          #
+          'dist/abn_tree_directive.js':'temp/_directive.coffee'
           'test/test_page.js':'test/test_page.coffee'
 
 
+
+
     watch:
+
       jade:
         files:['**/*.jade']
-        tasks:['jade']
+        tasks:['jade','string-replace']
         options:
           livereload:true
 
@@ -84,16 +101,19 @@ module.exports = (grunt)->
         options:
           livereload:true
 
-
       coffee:
         files:['**/*.coffee']
-        tasks:['coffee']
+        tasks:['jade','string-replace','coffee']
         options:
           livereload:true
 
   grunt.loadNpmTasks 'grunt-contrib-jade'
   grunt.loadNpmTasks 'grunt-contrib-coffee'
   grunt.loadNpmTasks 'grunt-contrib-watch'
+  grunt.loadNpmTasks 'grunt-string-replace'
+
+
+  grunt.registerTask 'default', ['jade','string-replace','coffee','watch']
+
 
-  grunt.registerTask 'default', ['jade','coffee','watch']
 

Gruntfile.js

@@ -5,8 +5,7 @@ module = angular.module('angularBootstrapNavTree', []);
 module.directive('abnTree', function($timeout) {
   return {
     restrict: 'E',
-    templateUrl: '../dist/abn_tree_template.html',
-    template: "{replace this with template html}",
+    template: "<ul class=\"nav nav-list nav-pills nav-stacked abn-tree\">\n  <li ng-repeat=\"row in tree_rows | filter:{visible:true} track by row.branch.uid\" ng-animate=\"'abn-tree-animate'\" ng-class=\"'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')\" class=\"abn-tree-row\">\n    <a ng-click=\"user_clicks_branch(row.branch)\">\n      <i ng-class=\"row.tree_icon\" ng-click=\"row.branch.expanded = !row.branch.expanded\" class=\"indented tree-icon\"> </i>\n      <span class=\"indented tree-label\">{{ row.label }} </span>\n    </a>\n  </li>\n</ul>",
     scope: {
       treeData: '=',
       onSelect: '&',

dist/abn_tree_directive.js

@@ -1,12 +1,14 @@
 {
   "name": "angular-bootstrap-nav-tree",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "dependencies": {},
   "devDependencies": {
     "grunt": "~0.4.1",
     "grunt-contrib-coffee": "~0.7.0",
     "grunt-contrib-watch": "~0.5.1",
     "grunt-contrib-jade": "~0.8.0",
     "grunt-string-replace": "~0.2.7"
-  }
+  },
+  "keywords":["angularjs","bootstrap","tree","widget"],
+  "licence":"MIT"
 }

package.json

@@ -3,9 +3,10 @@ module = angular.module 'angularBootstrapNavTree',[]
 
 module.directive 'abnTree',($timeout)-> 
   restrict:'E'
-  templateUrl: '../dist/abn_tree_template.html' # <--- CHANGE THIS
+  
+  #templateUrl: '../dist/abn_tree_template.html' # <--- another way to do this
 
-  template: "{replace this with template html}"
+  template: """{html}""" # will be replaced by Grunt, during build, with the actual Template HTML
 
   scope:
     treeData:'='

src/abn_tree_directive.coffee

@@ -1,7 +1,6 @@
 
 ul.nav.nav-list.nav-pills.nav-stacked.abn-tree
 
-
   li.abn-tree-row(
     ng-repeat='row in tree_rows | filter:{visible:true} track by row.branch.uid'
     ng-animate="'abn-tree-animate'"
@@ -16,6 +15,3 @@ ul.nav.nav-list.nav-pills.nav-stacked.abn-tree
         ) 
 
       span.indented.tree-label {{ row.label }} 
-
-      
-