fix(start()): locate parent before every 'start()'

When the ng-view is attached to the body
And the route is changed
The the body may be re-written out from under the loading bar
And the $parent object will be invalid

By finding the $parent every time the loading bar is started,
it ensures that the <div> elements aren't attached to a stale
parent.

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-loading-bar",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": ["src/loading-bar.js", "src/loading-bar.css"],
   "ignore": [
     "**/.*",

build/loading-bar.js

@@ -168,7 +168,6 @@ angular.module('chieffancypants.loadingBar', [])
     this.$get = ['$document', '$timeout', '$animate', '$rootScope', function ($document, $timeout, $animate, $rootScope) {
 
       var $parentSelector = this.parentSelector,
-        $parent = $document.find($parentSelector),
         loadingBarContainer = angular.element('<div id="loading-bar"><div class="bar"><div class="peg"></div></div></div>'),
         loadingBar = loadingBarContainer.find('div').eq(0),
         spinner = angular.element('<div id="loading-bar-spinner"><div class="spinner-icon"></div></div>');
@@ -186,6 +185,7 @@ angular.module('chieffancypants.loadingBar', [])
        * Inserts the loading bar element into the dom, and sets it to 2%
        */
       function _start() {
+        var $parent = $document.find($parentSelector);
         $timeout.cancel(completeTimeout);
 
         // do not continually broadcast the started event:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-loading-bar",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "An automatic loading bar for AngularJS",
   "main": "src/loading-bar.js",
   "directories": {

src/loading-bar.js

@@ -162,7 +162,6 @@ angular.module('chieffancypants.loadingBar', [])
     this.$get = ['$document', '$timeout', '$animate', '$rootScope', function ($document, $timeout, $animate, $rootScope) {
 
       var $parentSelector = this.parentSelector,
-        $parent = $document.find($parentSelector),
         loadingBarContainer = angular.element('<div id="loading-bar"><div class="bar"><div class="peg"></div></div></div>'),
         loadingBar = loadingBarContainer.find('div').eq(0),
         spinner = angular.element('<div id="loading-bar-spinner"><div class="spinner-icon"></div></div>');
@@ -180,6 +179,7 @@ angular.module('chieffancypants.loadingBar', [])
        * Inserts the loading bar element into the dom, and sets it to 2%
        */
       function _start() {
+        var $parent = $document.find($parentSelector);
         $timeout.cancel(completeTimeout);
 
         // do not continually broadcast the started event: