From ec174dc23f0e8ea5803095dfddd85cff0ad5647a Mon Sep 17 00:00:00 2001
From: Sam Woodward <sam@woodwardsoftware.co.uk>
Date: Thu, 28 Apr 2016 13:28:56 +0100
Subject: [PATCH 1/5] feat(label): add injection and promise support to label

---
 dist/angular-breadcrumb.js        | 71 +++++++++++++++++++++----------
 dist/angular-breadcrumb.min.js    |  4 +-
 release/angular-breadcrumb.js     | 69 +++++++++++++++++++-----------
 release/angular-breadcrumb.min.js |  4 +-
 src/angular-breadcrumb.js         | 69 ++++++++++++++++++++----------
 5 files changed, 142 insertions(+), 75 deletions(-)

diff --git a/dist/angular-breadcrumb.js b/dist/angular-breadcrumb.js
index 53d025d..b913f93 100644
--- a/dist/angular-breadcrumb.js
+++ b/dist/angular-breadcrumb.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1-dev-2016-04-12
+/*! angular-breadcrumb - v0.4.1-dev-2016-04-28
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
 
@@ -210,7 +210,7 @@ var deregisterWatchers = function(labelWatcherArray) {
     });
 };
 
-function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
     var $$templates = {
         bootstrap2: '<ul class="breadcrumb">' +
             '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
@@ -245,10 +245,18 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
                     scope.steps = $breadcrumb.getStatesChain();
                     angular.forEach(scope.steps, function (step) {
                         if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                            var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                            step.ncyBreadcrumbLabel = parseLabel(viewScope);
-                            // Watcher for further viewScope updates
-                            registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                            var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                            if (type === '[object Function]' ||
+                                type === '[object Array]') {
+                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function (label) {
+                                    step.ncyBreadcrumbLabel = label;   
+                                });
+                            } else {
+                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                step.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                // Watcher for further viewScope updates
+                                registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                            }
                         } else {
                             step.ncyBreadcrumbLabel = step.name;
                         }
@@ -267,11 +275,11 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector', '$q'];
 
-function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
     var $$templates = {
-      'default': '{{ncyBreadcrumbLabel}}'
+        'default': '{{ncyBreadcrumbLabel}}'
     };
 
     return {
@@ -302,11 +310,19 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
                         if(lastStep) {
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
-                                var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
-                                scope.ncyBreadcrumbLabel = parseLabel(viewScope);
-                                // Watcher for further viewScope updates
-                                // Tricky last arg: the last step is the entire scope of the directive !
-                                registerWatchers(labelWatchers, parseLabel, viewScope, scope);
+                                var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    $q.when($injector.invoke(lastStep.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function(label) {
+                                        scope.ncyBreadcrumbLabel = label;   
+                                    });
+                                } else {
+                                    var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
+                                    scope.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                    // Watcher for further viewScope updates
+                                    // Tricky last arg: the last step is the entire scope of the directive !
+                                    registerWatchers(labelWatchers, parseLabel, viewScope, scope);
+                                }
                             } else {
                                 scope.ncyBreadcrumbLabel = lastStep.name;
                             }
@@ -327,9 +343,9 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbLastDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbLastDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector', '$q'];
 
-function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
 
     return {
         restrict: 'A',
@@ -369,16 +385,25 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
                         var combinedLabels = [];
                         angular.forEach(steps, function (step) {
                             if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                combinedLabels.push(parseLabel(viewScope));
-                                // Watcher for further viewScope updates
-                                registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})));
+                                } else {
+                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                    combinedLabels.push($q.when(parseLabel(viewScope)));
+                                    // Watcher for further viewScope updates
+                                    registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                }
                             } else {
-                                combinedLabels.push(step.name);
+                                combinedLabels.push($q.when(step.name));
                             }
                         });
 
-                        scope.ncyBreadcrumbChain = combinedLabels.join(separator);
+                        scope.ncyBreadcrumbChain = [];
+                        $q.all(combinedLabels).then(function (labels) {
+                            scope.ncyBreadcrumbChain = labels.join(separator);
+                        });
                     };
 
                     registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
@@ -395,7 +420,7 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbTextDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbTextDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector', '$q'];
 
 angular.module('ncy-angular-breadcrumb', ['ui.router.state'])
     .provider('$breadcrumb', $Breadcrumb)
diff --git a/dist/angular-breadcrumb.min.js b/dist/angular-breadcrumb.min.js
index e91e05e..e287837 100644
--- a/dist/angular-breadcrumb.min.js
+++ b/dist/angular-breadcrumb.min.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1-dev-2016-04-12
+/*! angular-breadcrumb - v0.4.1-dev-2016-04-28
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
-!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(b,g,h){var i=h;f("$Breadcrumb.$viewContentLoaded",h,"$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,i.$id)&&(i=a.targetScope)});var j=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},k=function(c,d){for(var f,h,j=e(d),k=!1,l=!1,m=0,n=c.length;n>m;m+=1)if(c[m].name===j.state)return;f=b.get(j.state),f.ncyBreadcrumb&&(f.ncyBreadcrumb.force&&(k=!0),f.ncyBreadcrumb.skip&&(l=!0)),f["abstract"]&&!a.includeAbstract&&!k||l||(j.paramExpr&&(h=i.$eval(j.paramExpr)),f.ncyBreadcrumbLink=b.href(j.state,h||g||{}),f.ncyBreadcrumbStateRef=d,c.unshift(f))},l=function(a){var c=e(a),d=b.get(c.state);if(d.ncyBreadcrumb&&d.ncyBreadcrumb.parent){var f="function"==typeof d.ncyBreadcrumb.parent,g=f?d.ncyBreadcrumb.parent(i):d.ncyBreadcrumb.parent;if(g)return g}return j(d)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(c){for(var d=[],e=b.$current.self.name;e;e=l(e))if(k(d,e),c&&d.length)return d;return a.prefixStateName&&k(d,a.prefixStateName),d},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return i}}}]}function h(a,c,d){var e={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(e),templateUrl:c.getTemplateUrl(),link:{post:function(e){var g=[],h=function(){n(g),g=[];var d=c.$getLastViewScope();e.steps=c.getStatesChain(),b.forEach(e.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=c(d),m(g,c,d,b)}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||h()}),h()}}}}function i(a,b,c){var d={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(d),templateUrl:b.getTemplateLastUrl(),compile:function(d,e){var g=d.attr(e.$attr.ncyBreadcrumbLast);return g&&d.html(g),{post:function(d){var e=[],g=function(){n(e),e=[];var c=b.$getLastViewScope(),f=b.getLastStep();if(f)if(d.ncyBreadcrumbLink=f.ncyBreadcrumbLink,f.ncyBreadcrumb&&f.ncyBreadcrumb.label){var g=a(f.ncyBreadcrumb.label);d.ncyBreadcrumbLabel=g(c),m(e,g,c,d)}else d.ncyBreadcrumbLabel=f.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||g()}),g()}}}}}function j(a,c,d){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(e,g){var h=e.attr(g.$attr.ncyBreadcrumbText);h&&e.html(h);var i=e.attr(g.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(e){var g=[],h=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&j()});a.push(c)})},j=function(){n(g),g=[];var d=c.$getLastViewScope(),f=c.getStatesChain(),j=[];b.forEach(f,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=a(b.ncyBreadcrumb.label);j.push(c(d)),h(g,c,d)}else j.push(b.name)}),e.ncyBreadcrumbChain=j.join(i)};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||j()}),j()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope"],i.$inject=["$interpolate","$breadcrumb","$rootScope"],j.$inject=["$interpolate","$breadcrumb","$rootScope"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
+!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(b,g,h){var i=h;f("$Breadcrumb.$viewContentLoaded",h,"$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,i.$id)&&(i=a.targetScope)});var j=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},k=function(c,d){for(var f,h,j=e(d),k=!1,l=!1,m=0,n=c.length;n>m;m+=1)if(c[m].name===j.state)return;f=b.get(j.state),f.ncyBreadcrumb&&(f.ncyBreadcrumb.force&&(k=!0),f.ncyBreadcrumb.skip&&(l=!0)),f["abstract"]&&!a.includeAbstract&&!k||l||(j.paramExpr&&(h=i.$eval(j.paramExpr)),f.ncyBreadcrumbLink=b.href(j.state,h||g||{}),f.ncyBreadcrumbStateRef=d,c.unshift(f))},l=function(a){var c=e(a),d=b.get(c.state);if(d.ncyBreadcrumb&&d.ncyBreadcrumb.parent){var f="function"==typeof d.ncyBreadcrumb.parent,g=f?d.ncyBreadcrumb.parent(i):d.ncyBreadcrumb.parent;if(g)return g}return j(d)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(c){for(var d=[],e=b.$current.self.name;e;e=l(e))if(k(d,e),c&&d.length)return d;return a.prefixStateName&&k(d,a.prefixStateName),d},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return i}}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope();h.steps=c.getStatesChain(),b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})).then(function(a){b.ncyBreadcrumbLabel=a});else{var f=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=f(d),m(i,f,d,b)}}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.getLastStep();if(f)if(g.ncyBreadcrumbLink=f.ncyBreadcrumbLink,f.ncyBreadcrumb&&f.ncyBreadcrumb.label){var i=Object.prototype.toString.call(f.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(f.ncyBreadcrumb.label,null,{$scope:c})).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(f.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=f.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.getStatesChain(),l=[];b.forEach(f,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})));else{var f=a(b.ncyBreadcrumb.label);l.push(g.when(f(d))),j(i,f,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
diff --git a/release/angular-breadcrumb.js b/release/angular-breadcrumb.js
index ba6e5dc..e773f87 100644
--- a/release/angular-breadcrumb.js
+++ b/release/angular-breadcrumb.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1
+/*! angular-breadcrumb - v0.4.1-dev-2015-09-08
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2015 Nicolas Cuillery; Licensed MIT */
 
@@ -180,7 +180,7 @@ var deregisterWatchers = function(labelWatcherArray) {
     });
 };
 
-function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector) {
     var $$templates = {
         bootstrap2: '<ul class="breadcrumb">' +
             '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
@@ -210,15 +210,21 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
                 var renderBreadcrumb = function() {
                     deregisterWatchers(labelWatchers);
                     labelWatchers = [];
-                    
+
                     var viewScope = $breadcrumb.$getLastViewScope();
                     scope.steps = $breadcrumb.getStatesChain();
                     angular.forEach(scope.steps, function (step) {
                         if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                            var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                            step.ncyBreadcrumbLabel = parseLabel(viewScope);
-                            // Watcher for further viewScope updates
-                            registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                            var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                            if (type === '[object Function]' ||
+                                type === '[object Array]') {
+                                step.ncyBreadcrumbLabel = $injector.invoke(step.ncyBreadcrumb.label);
+                            } else {
+                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                step.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                // Watcher for further viewScope updates
+                                registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                            }
                         } else {
                             step.ncyBreadcrumbLabel = step.name;
                         }
@@ -237,9 +243,9 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector'];
 
-function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injector) {
 
     return {
         restrict: 'A',
@@ -260,17 +266,22 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
                     var renderLabel = function() {
                         deregisterWatchers(labelWatchers);
                         labelWatchers = [];
-                        
+
                         var viewScope = $breadcrumb.$getLastViewScope();
                         var lastStep = $breadcrumb.getLastStep();
                         if(lastStep) {
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
-                                var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
-                                scope.ncyBreadcrumbLabel = parseLabel(viewScope);
-                                // Watcher for further viewScope updates
-                                // Tricky last arg: the last step is the entire scope of the directive !
-                                registerWatchers(labelWatchers, parseLabel, viewScope, scope);
+                                var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    lastStep.ncyBreadcrumbLabel = $injector.invoke(lastStep.ncyBreadcrumb.label);
+                                } else {
+                                    var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
+                                    lastStep.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                    // Watcher for further viewScope updates
+                                    registerWatchers(labelWatchers, parseLabel, viewScope, lastStep);
+                                }
                             } else {
                                 scope.ncyBreadcrumbLabel = lastStep.name;
                             }
@@ -291,9 +302,9 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbLastDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbLastDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector'];
 
-function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injector) {
 
     return {
         restrict: 'A',
@@ -306,13 +317,13 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
             if(template) {
                 cElement.html(template);
             }
-            
+
             var separator = cElement.attr(cAttrs.$attr.ncyBreadcrumbTextSeparator) || ' / ';
 
             return {
                 post: function postLink(scope) {
                     var labelWatchers = [];
-                    
+
                     var registerWatchersText = function(labelWatcherArray, interpolationFunction, viewScope) {
                         angular.forEach(getExpression(interpolationFunction), function(expression) {
                             var watcher = viewScope.$watch(expression, function(newValue, oldValue) {
@@ -327,21 +338,27 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
                     var renderLabel = function() {
                         deregisterWatchers(labelWatchers);
                         labelWatchers = [];
-                        
+
                         var viewScope = $breadcrumb.$getLastViewScope();
                         var steps = $breadcrumb.getStatesChain();
                         var combinedLabels = [];
                         angular.forEach(steps, function (step) {
                             if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                combinedLabels.push(parseLabel(viewScope));
-                                // Watcher for further viewScope updates
-                                registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    step.ncyBreadcrumbLabel = $injector.invoke(step.ncyBreadcrumb.label);
+                                } else {
+                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                    step.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                    // Watcher for further viewScope updates
+                                    registerWatchersText(labelWatchers, parseLabel, viewScope, step);
+                                }
                             } else {
                                 combinedLabels.push(step.name);
                             }
                         });
-                        
+
                         scope.ncyBreadcrumbChain = combinedLabels.join(separator);
                     };
 
@@ -359,7 +376,7 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbTextDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbTextDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector'];
 
 angular.module('ncy-angular-breadcrumb', ['ui.router.state'])
     .provider('$breadcrumb', $Breadcrumb)
diff --git a/release/angular-breadcrumb.min.js b/release/angular-breadcrumb.min.js
index ceb49da..c2c1b4b 100644
--- a/release/angular-breadcrumb.min.js
+++ b/release/angular-breadcrumb.min.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1
+/*! angular-breadcrumb - v0.4.1-dev-2015-09-08
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2015 Nicolas Cuillery; Licensed MIT */
-!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(b,f,g){var h=g;g.$on("$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,h.$id)&&(h=a.targetScope)});var i=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},j=function(c,d){for(var g,i,j=e(d),k=!1,l=!1,m=0,n=c.length;n>m;m+=1)if(c[m].name===j.state)return;g=b.get(j.state),g.ncyBreadcrumb&&(g.ncyBreadcrumb.force&&(k=!0),g.ncyBreadcrumb.skip&&(l=!0)),g["abstract"]&&!a.includeAbstract&&!k||l||(j.paramExpr&&(i=h.$eval(j.paramExpr)),g.ncyBreadcrumbLink=b.href(j.state,i||f||{}),c.unshift(g))},k=function(a){var c=e(a),d=b.get(c.state);if(d.ncyBreadcrumb&&d.ncyBreadcrumb.parent){var f="function"==typeof d.ncyBreadcrumb.parent,g=f?d.ncyBreadcrumb.parent(h):d.ncyBreadcrumb.parent;if(g)return g}return i(d)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getStatesChain:function(c){for(var d=[],e=b.$current.self.name;e;e=k(e))if(j(d,e),c&&d.length)return d;return a.prefixStateName&&j(d,a.prefixStateName),d},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return h}}}]}function g(a,c,d){var e={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(e),templateUrl:c.getTemplateUrl(),link:{post:function(e){var f=[],g=function(){l(f),f=[];var d=c.$getLastViewScope();e.steps=c.getStatesChain(),b.forEach(e.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=c(d),k(f,c,d,b)}else b.ncyBreadcrumbLabel=b.name})};d.$on("$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||g()}),g()}}}}function h(a,b,c){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbLabel}}",compile:function(d,e){var f=d.attr(e.$attr.ncyBreadcrumbLast);return f&&d.html(f),{post:function(d){var e=[],f=function(){l(e),e=[];var c=b.$getLastViewScope(),f=b.getLastStep();if(f)if(d.ncyBreadcrumbLink=f.ncyBreadcrumbLink,f.ncyBreadcrumb&&f.ncyBreadcrumb.label){var g=a(f.ncyBreadcrumb.label);d.ncyBreadcrumbLabel=g(c),k(e,g,c,d)}else d.ncyBreadcrumbLabel=f.name};c.$on("$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||f()}),f()}}}}}function i(a,c,d){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(e,f){var g=e.attr(f.$attr.ncyBreadcrumbText);g&&e.html(g);var h=e.attr(f.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(e){var f=[],g=function(a,c,d){b.forEach(j(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&i()});a.push(c)})},i=function(){l(f),f=[];var d=c.$getLastViewScope(),i=c.getStatesChain(),j=[];b.forEach(i,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=a(b.ncyBreadcrumb.label);j.push(c(d)),g(f,c,d)}else j.push(b.name)}),e.ncyBreadcrumbChain=j.join(h)};d.$on("$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||i()}),i()}}}}}var j=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},k=function(a,c,d,e){b.forEach(j(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},l=function(a){b.forEach(a,function(a){a()})};g.$inject=["$interpolate","$breadcrumb","$rootScope"],h.$inject=["$interpolate","$breadcrumb","$rootScope"],i.$inject=["$interpolate","$breadcrumb","$rootScope"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",f).directive("ncyBreadcrumb",g).directive("ncyBreadcrumbLast",h).directive("ncyBreadcrumbText",i)}(window,window.angular);
\ No newline at end of file
+!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(b,f,g){var h=g;g.$on("$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,h.$id)&&(h=a.targetScope)});var i=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},j=function(c,d){for(var g,i,j=e(d),k=!1,l=!1,m=0,n=c.length;n>m;m+=1)if(c[m].name===j.state)return;g=b.get(j.state),g.ncyBreadcrumb&&(g.ncyBreadcrumb.force&&(k=!0),g.ncyBreadcrumb.skip&&(l=!0)),g["abstract"]&&!a.includeAbstract&&!k||l||(j.paramExpr&&(i=h.$eval(j.paramExpr)),g.ncyBreadcrumbLink=b.href(j.state,i||f||{}),c.unshift(g))},k=function(a){var c=e(a),d=b.get(c.state);if(d.ncyBreadcrumb&&d.ncyBreadcrumb.parent){var f="function"==typeof d.ncyBreadcrumb.parent,g=f?d.ncyBreadcrumb.parent(h):d.ncyBreadcrumb.parent;if(g)return g}return i(d)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getStatesChain:function(c){for(var d=[],e=b.$current.self.name;e;e=k(e))if(j(d,e),c&&d.length)return d;return a.prefixStateName&&j(d,a.prefixStateName),d},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return h}}}]}function g(a,c,d,e){var f={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(f),templateUrl:c.getTemplateUrl(),link:{post:function(f){var g=[],h=function(){l(g),g=[];var d=c.$getLastViewScope();f.steps=c.getStatesChain(),b.forEach(f.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)b.ncyBreadcrumbLabel=e.invoke(b.ncyBreadcrumb.label);else{var f=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=f(d),k(g,f,d,b)}}else b.ncyBreadcrumbLabel=b.name})};d.$on("$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||h()}),h()}}}}function h(a,b,c,d){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbLabel}}",compile:function(e,f){var g=e.attr(f.$attr.ncyBreadcrumbLast);return g&&e.html(g),{post:function(e){var f=[],g=function(){l(f),f=[];var c=b.$getLastViewScope(),g=b.getLastStep();if(g)if(e.ncyBreadcrumbLink=g.ncyBreadcrumbLink,g.ncyBreadcrumb&&g.ncyBreadcrumb.label){var h=Object.prototype.toString.call(g.ncyBreadcrumb.label);if("[object Function]"===h||"[object Array]"===h)g.ncyBreadcrumbLabel=d.invoke(g.ncyBreadcrumb.label);else{var i=a(g.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=i(c),k(f,i,c,g)}}else e.ncyBreadcrumbLabel=g.name};c.$on("$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||g()}),g()}}}}}function i(a,c,d,e){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(f,g){var h=f.attr(g.$attr.ncyBreadcrumbText);h&&f.html(h);var i=f.attr(g.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(f){var g=[],h=function(a,c,d){b.forEach(j(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&k()});a.push(c)})},k=function(){l(g),g=[];var d=c.$getLastViewScope(),j=c.getStatesChain(),k=[];b.forEach(j,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)b.ncyBreadcrumbLabel=e.invoke(b.ncyBreadcrumb.label);else{var f=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=f(d),h(g,f,d,b)}}else k.push(b.name)}),f.ncyBreadcrumbChain=k.join(i)};d.$on("$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||k()}),k()}}}}}var j=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},k=function(a,c,d,e){b.forEach(j(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},l=function(a){b.forEach(a,function(a){a()})};g.$inject=["$interpolate","$breadcrumb","$rootScope","$injector"],h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",f).directive("ncyBreadcrumb",g).directive("ncyBreadcrumbLast",h).directive("ncyBreadcrumbText",i)}(window,window.angular);
diff --git a/src/angular-breadcrumb.js b/src/angular-breadcrumb.js
index 696ec56..adcdfb9 100644
--- a/src/angular-breadcrumb.js
+++ b/src/angular-breadcrumb.js
@@ -205,7 +205,7 @@ var deregisterWatchers = function(labelWatcherArray) {
     });
 };
 
-function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
     var $$templates = {
         bootstrap2: '<ul class="breadcrumb">' +
             '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
@@ -240,10 +240,18 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
                     scope.steps = $breadcrumb.getStatesChain();
                     angular.forEach(scope.steps, function (step) {
                         if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                            var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                            step.ncyBreadcrumbLabel = parseLabel(viewScope);
-                            // Watcher for further viewScope updates
-                            registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                            var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                            if (type === '[object Function]' ||
+                                type === '[object Array]') {
+                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function (label) {
+                                    step.ncyBreadcrumbLabel = label;   
+                                });
+                            } else {
+                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                step.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                // Watcher for further viewScope updates
+                                registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                            }
                         } else {
                             step.ncyBreadcrumbLabel = step.name;
                         }
@@ -262,11 +270,11 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector', '$q'];
 
-function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
     var $$templates = {
-      'default': '{{ncyBreadcrumbLabel}}'
+        'default': '{{ncyBreadcrumbLabel}}'
     };
 
     return {
@@ -297,11 +305,19 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
                         if(lastStep) {
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
-                                var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
-                                scope.ncyBreadcrumbLabel = parseLabel(viewScope);
-                                // Watcher for further viewScope updates
-                                // Tricky last arg: the last step is the entire scope of the directive !
-                                registerWatchers(labelWatchers, parseLabel, viewScope, scope);
+                                var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    $q.when($injector.invoke(lastStep.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function(label) {
+                                        scope.ncyBreadcrumbLabel = label;   
+                                    });
+                                } else {
+                                    var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
+                                    scope.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                    // Watcher for further viewScope updates
+                                    // Tricky last arg: the last step is the entire scope of the directive !
+                                    registerWatchers(labelWatchers, parseLabel, viewScope, scope);
+                                }
                             } else {
                                 scope.ncyBreadcrumbLabel = lastStep.name;
                             }
@@ -322,9 +338,9 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbLastDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbLastDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector', '$q'];
 
-function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
+function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
 
     return {
         restrict: 'A',
@@ -364,16 +380,25 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
                         var combinedLabels = [];
                         angular.forEach(steps, function (step) {
                             if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                combinedLabels.push(parseLabel(viewScope));
-                                // Watcher for further viewScope updates
-                                registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})));
+                                } else {
+                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                    combinedLabels.push($q.when(parseLabel(viewScope)));
+                                    // Watcher for further viewScope updates
+                                    registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                }
                             } else {
-                                combinedLabels.push(step.name);
+                                combinedLabels.push($q.when(step.name));
                             }
                         });
 
-                        scope.ncyBreadcrumbChain = combinedLabels.join(separator);
+                        scope.ncyBreadcrumbChain = [];
+                        $q.all(combinedLabels).then(function (labels) {
+                            scope.ncyBreadcrumbChain = labels.join(separator);
+                        });
                     };
 
                     registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
@@ -390,7 +415,7 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope) {
         }
     };
 }
-BreadcrumbTextDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope'];
+BreadcrumbTextDirective.$inject = ['$interpolate', '$breadcrumb', '$rootScope', '$injector', '$q'];
 
 angular.module('ncy-angular-breadcrumb', ['ui.router.state'])
     .provider('$breadcrumb', $Breadcrumb)

From ed929bfd758e514f293e5bc58e26b6c79edc6191 Mon Sep 17 00:00:00 2001
From: Sam Woodward <sam@woodwardsoftware.co.uk>
Date: Thu, 28 Apr 2016 14:56:46 +0100
Subject: [PATCH 2/5] feat(parent): allow recursive parent reference

---
 dist/angular-breadcrumb.js     | 10 ++--------
 dist/angular-breadcrumb.min.js |  2 +-
 src/angular-breadcrumb.js      | 10 ++--------
 3 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/dist/angular-breadcrumb.js b/dist/angular-breadcrumb.js
index b913f93..048ab68 100644
--- a/dist/angular-breadcrumb.js
+++ b/dist/angular-breadcrumb.js
@@ -74,13 +74,7 @@ function $Breadcrumb() {
                 force = false,
                 skip = false;
 
-            for(var i=0, l=chain.length; i<l; i+=1) {
-                if (chain[i].name === ref.state) {
-                    return;
-                }
-            }
-
-            conf = $state.get(ref.state);
+            conf = angular.copy($state.get(ref.state));
             // Get breadcrumb options
             if(conf.ncyBreadcrumb) {
                 if(conf.ncyBreadcrumb.force){ force = true; }
@@ -160,7 +154,7 @@ function $Breadcrumb() {
                 }
 
                 // Prefix state treatment
-                if($$options.prefixStateName) {
+                if($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
                     $$addStateInChain(chain, $$options.prefixStateName);
                 }
 
diff --git a/dist/angular-breadcrumb.min.js b/dist/angular-breadcrumb.min.js
index e287837..8aaf44a 100644
--- a/dist/angular-breadcrumb.min.js
+++ b/dist/angular-breadcrumb.min.js
@@ -1,4 +1,4 @@
 /*! angular-breadcrumb - v0.4.1-dev-2016-04-28
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
-!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(b,g,h){var i=h;f("$Breadcrumb.$viewContentLoaded",h,"$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,i.$id)&&(i=a.targetScope)});var j=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},k=function(c,d){for(var f,h,j=e(d),k=!1,l=!1,m=0,n=c.length;n>m;m+=1)if(c[m].name===j.state)return;f=b.get(j.state),f.ncyBreadcrumb&&(f.ncyBreadcrumb.force&&(k=!0),f.ncyBreadcrumb.skip&&(l=!0)),f["abstract"]&&!a.includeAbstract&&!k||l||(j.paramExpr&&(h=i.$eval(j.paramExpr)),f.ncyBreadcrumbLink=b.href(j.state,h||g||{}),f.ncyBreadcrumbStateRef=d,c.unshift(f))},l=function(a){var c=e(a),d=b.get(c.state);if(d.ncyBreadcrumb&&d.ncyBreadcrumb.parent){var f="function"==typeof d.ncyBreadcrumb.parent,g=f?d.ncyBreadcrumb.parent(i):d.ncyBreadcrumb.parent;if(g)return g}return j(d)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(c){for(var d=[],e=b.$current.self.name;e;e=l(e))if(k(d,e),c&&d.length)return d;return a.prefixStateName&&k(d,a.prefixStateName),d},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return i}}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope();h.steps=c.getStatesChain(),b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})).then(function(a){b.ncyBreadcrumbLabel=a});else{var f=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=f(d),m(i,f,d,b)}}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.getLastStep();if(f)if(g.ncyBreadcrumbLink=f.ncyBreadcrumbLink,f.ncyBreadcrumb&&f.ncyBreadcrumb.label){var i=Object.prototype.toString.call(f.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(f.ncyBreadcrumb.label,null,{$scope:c})).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(f.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=f.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.getStatesChain(),l=[];b.forEach(f,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})));else{var f=a(b.ncyBreadcrumb.label);l.push(g.when(f(d))),j(i,f,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
+!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(g,h,i){var j=i;f("$Breadcrumb.$viewContentLoaded",i,"$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,j.$id)&&(j=a.targetScope)});var k=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},l=function(c,d){var f,i,k=e(d),l=!1,m=!1;f=b.copy(g.get(k.state)),f.ncyBreadcrumb&&(f.ncyBreadcrumb.force&&(l=!0),f.ncyBreadcrumb.skip&&(m=!0)),f["abstract"]&&!a.includeAbstract&&!l||m||(k.paramExpr&&(i=j.$eval(k.paramExpr)),f.ncyBreadcrumbLink=g.href(k.state,i||h||{}),f.ncyBreadcrumbStateRef=d,c.unshift(f))},m=function(a){var b=e(a),c=g.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var d="function"==typeof c.ncyBreadcrumb.parent,f=d?c.ncyBreadcrumb.parent(j):c.ncyBreadcrumb.parent;if(f)return f}return k(c)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(b){for(var c=[],d=g.$current.self.name;d;d=m(d))if(l(c,d),b&&c.length)return c;return!a.prefixStateName||c.length&&a.prefixStateName===c[0].name||l(c,a.prefixStateName),c},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return j}}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope();h.steps=c.getStatesChain(),b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})).then(function(a){b.ncyBreadcrumbLabel=a});else{var f=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=f(d),m(i,f,d,b)}}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.getLastStep();if(f)if(g.ncyBreadcrumbLink=f.ncyBreadcrumbLink,f.ncyBreadcrumb&&f.ncyBreadcrumb.label){var i=Object.prototype.toString.call(f.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(f.ncyBreadcrumb.label,null,{$scope:c})).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(f.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=f.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.getStatesChain(),l=[];b.forEach(f,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})));else{var f=a(b.ncyBreadcrumb.label);l.push(g.when(f(d))),j(i,f,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
diff --git a/src/angular-breadcrumb.js b/src/angular-breadcrumb.js
index adcdfb9..5f764d0 100644
--- a/src/angular-breadcrumb.js
+++ b/src/angular-breadcrumb.js
@@ -69,13 +69,7 @@ function $Breadcrumb() {
                 force = false,
                 skip = false;
 
-            for(var i=0, l=chain.length; i<l; i+=1) {
-                if (chain[i].name === ref.state) {
-                    return;
-                }
-            }
-
-            conf = $state.get(ref.state);
+            conf = angular.copy($state.get(ref.state));
             // Get breadcrumb options
             if(conf.ncyBreadcrumb) {
                 if(conf.ncyBreadcrumb.force){ force = true; }
@@ -155,7 +149,7 @@ function $Breadcrumb() {
                 }
 
                 // Prefix state treatment
-                if($$options.prefixStateName) {
+                if($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
                     $$addStateInChain(chain, $$options.prefixStateName);
                 }
 

From 327d32bca90c17a9302a01e2357c7bc31997fabd Mon Sep 17 00:00:00 2001
From: Sam Woodward <sam@woodwardsoftware.co.uk>
Date: Fri, 29 Apr 2016 12:02:43 +0100
Subject: [PATCH 3/5] Update getLastViewScope

---
 dist/angular-breadcrumb.js                    | 231 ++++++++++--------
 dist/angular-breadcrumb.min.js                |   4 +-
 src/angular-breadcrumb.js                     | 229 +++++++++--------
 test/mock/test-modules.js                     |  85 ++++---
 test/spec/directive-basic-test.js             |  17 +-
 test/spec/directive-dynamic-parent-test.js    |  57 ++---
 test/spec/directive-interpolation-test.js     |  44 +---
 test/spec/directive-last-basic-test.js        |  50 +---
 .../spec/directive-last-interpolation-test.js |  44 +---
 test/spec/directive-last-sample-test.js       |  21 +-
 .../directive-ncyBreadcrumbIgnore-test.js     | 108 --------
 test/spec/directive-object-parent-test.js     |  14 +-
 test/spec/directive-sample-test.js            |  20 +-
 test/spec/directive-template-test.js          |  51 +---
 .../directive-text-basic-separator-test.js    |  27 +-
 test/spec/directive-text-basic-test.js        |  26 +-
 .../spec/directive-text-interpolation-test.js |  40 +--
 test/spec/directive-text-sample-test.js       |  22 +-
 test/spec/directive-ui-sref-template-test.js  |  22 +-
 test/spec/scope-compare-test.js               |  47 ----
 20 files changed, 413 insertions(+), 746 deletions(-)
 delete mode 100644 test/spec/directive-ncyBreadcrumbIgnore-test.js
 delete mode 100644 test/spec/scope-compare-test.js

diff --git a/dist/angular-breadcrumb.js b/dist/angular-breadcrumb.js
index 048ab68..f7ff51e 100644
--- a/dist/angular-breadcrumb.js
+++ b/dist/angular-breadcrumb.js
@@ -1,28 +1,32 @@
-/*! angular-breadcrumb - v0.4.1-dev-2016-04-28
+/*! angular-breadcrumb - v0.4.1-dev-2016-04-29
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
 
 (function (window, angular, undefined) {
 'use strict';
 
-function isAOlderThanB(scopeA, scopeB) {
-    if(angular.equals(scopeA.length, scopeB.length)) {
-        return scopeA > scopeB;
-    } else {
-        return scopeA.length > scopeB.length;
+function parseStateRef(ref) {
+    var parsed = ref.replace(/\n/g, " ").match(/^([^(]+?)\s*(\((.*)\))?$/);
+    if (!parsed || parsed.length !== 4) {
+        throw new Error("Invalid state ref '" + ref + "'");
     }
+    return {state: parsed[1], paramExpr: parsed[3] || null};
 }
 
-function parseStateRef(ref) {
-    var parsed = ref.replace(/\n/g, " ").match(/^([^(]+?)\s*(\((.*)\))?$/);
-    if (!parsed || parsed.length !== 4) { throw new Error("Invalid state ref '" + ref + "'"); }
-    return { state: parsed[1], paramExpr: parsed[3] || null };
+function countKeys(obj) {
+    var keys = 0;
+    for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            keys++;
+        }
+    }
+    return keys;
 }
 
 var $registeredListeners = {};
 function registerListenerOnce(tag, $rootScope, event, fn) {
     var deregisterListenerFn = $registeredListeners[tag];
-    if ( deregisterListenerFn !== undefined ) {
+    if (deregisterListenerFn !== undefined) {
         deregisterListenerFn();
     }
     deregisterListenerFn = $rootScope.$on(event, fn);
@@ -37,28 +41,16 @@ function $Breadcrumb() {
         templateUrl: null,
         templateLast: 'default',
         templateLastUrl: null,
-        includeAbstract : false
+        includeAbstract: false
     };
 
-    this.setOptions = function(options) {
+    this.setOptions = function (options) {
         angular.extend($$options, options);
     };
 
-    this.$get = ['$state', '$stateParams', '$rootScope', function($state, $stateParams, $rootScope) {
-
-        var $lastViewScope = $rootScope;
-
-        // Early catch of $viewContentLoaded event
-        registerListenerOnce('$Breadcrumb.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-            // With nested views, the event occur several times, in "wrong" order
-            if(!event.targetScope.ncyBreadcrumbIgnore &&
-                isAOlderThanB(event.targetScope.$id, $lastViewScope.$id)) {
-                $lastViewScope = event.targetScope;
-            }
-        });
-
+    this.$get = ['$state', '$stateParams', '$rootScope', function ($state, $stateParams, $rootScope) {
         // Get the parent state
-        var $$parentState = function(state) {
+        var $$parentState = function (state) {
             // Check if state has explicit parent OR we try guess parent from its name
             var parent = state.parent || (/^(.+)\.[^.]+$/.exec(state.name) || [])[1];
             var isObjectParent = typeof parent === "object";
@@ -67,7 +59,7 @@ function $Breadcrumb() {
         };
 
         // Add the state in the chain if not already in and if not abstract
-        var $$addStateInChain = function(chain, stateRef) {
+        var $$addStateInChain = function (chain, stateRef) {
             var conf,
                 parentParams,
                 ref = parseStateRef(stateRef),
@@ -76,13 +68,17 @@ function $Breadcrumb() {
 
             conf = angular.copy($state.get(ref.state));
             // Get breadcrumb options
-            if(conf.ncyBreadcrumb) {
-                if(conf.ncyBreadcrumb.force){ force = true; }
-                if(conf.ncyBreadcrumb.skip){ skip = true; }
+            if (conf.ncyBreadcrumb) {
+                if (conf.ncyBreadcrumb.force) {
+                    force = true;
+                }
+                if (conf.ncyBreadcrumb.skip) {
+                    skip = true;
+                }
             }
-            if((!conf.abstract || $$options.includeAbstract || force) && !skip) {
-                if(ref.paramExpr) {
-                    parentParams = $lastViewScope.$eval(ref.paramExpr);
+            if ((!conf.abstract || $$options.includeAbstract || force) && !skip) {
+                if (ref.paramExpr) {
+                    parentParams = getLastViewScope().$eval(ref.paramExpr);
                 }
 
                 conf.ncyBreadcrumbLink = $state.href(ref.state, parentParams || $stateParams || {});
@@ -92,15 +88,15 @@ function $Breadcrumb() {
         };
 
         // Get the state for the parent step in the breadcrumb
-        var $$breadcrumbParentState = function(stateRef) {
+        var $$breadcrumbParentState = function (stateRef) {
             var ref = parseStateRef(stateRef),
                 conf = $state.get(ref.state);
 
-            if(conf.ncyBreadcrumb && conf.ncyBreadcrumb.parent) {
+            if (conf.ncyBreadcrumb && conf.ncyBreadcrumb.parent) {
                 // Handle the "parent" property of the breadcrumb, override the parent/child relation of the state
                 var isFunction = typeof conf.ncyBreadcrumb.parent === 'function';
-                var parentStateRef = isFunction ? conf.ncyBreadcrumb.parent($lastViewScope) : conf.ncyBreadcrumb.parent;
-                if(parentStateRef) {
+                var parentStateRef = isFunction ? conf.ncyBreadcrumb.parent(getLastViewScope()) : conf.ncyBreadcrumb.parent;
+                if (parentStateRef) {
                     return parentStateRef;
                 }
             }
@@ -108,13 +104,45 @@ function $Breadcrumb() {
             return $$parentState(conf);
         };
 
-        return {
+        function getLastViewLocals() {
+            var state = $state.$current,
+                views = countKeys(state.views);
+
+            if (!views) {
+                return;
+            }
 
-            getTemplate: function(templates) {
-                if($$options.templateUrl) {
+            if (state.ncyBreadcrumb && state.ncyBreadcrumb.mainView) {
+                return state.locals[state.ncyBreadcrumb.mainView];
+            }
+
+            if (views === 1) {
+                for (var key in state.views) {
+                    if (state.views.hasOwnProperty(key)) {
+                        return state.locals[key];
+                    }
+                }
+            } else if (state.views['@']) {
+                return state.locals['@'];
+            }
+
+            throw new Error('Multiple views found and mainView was not defined');
+        }
+
+        function getLastViewScope() {
+            var lastView = getLastViewLocals();
+            if (!lastView) {
+                return $rootScope;
+            }
+            return lastView.$scope || $rootScope;
+        }
+
+        return {
+            getTemplate: function (templates) {
+                if ($$options.templateUrl) {
                     // templateUrl takes precedence over template
                     return null;
-                } else if(templates[$$options.template]) {
+                } else if (templates[$$options.template]) {
                     // Predefined templates (bootstrap, ...)
                     return templates[$$options.template];
                 } else {
@@ -122,15 +150,15 @@ function $Breadcrumb() {
                 }
             },
 
-            getTemplateUrl: function() {
+            getTemplateUrl: function () {
                 return $$options.templateUrl;
             },
 
-            getTemplateLast: function(templates) {
-                if($$options.templateLastUrl) {
+            getTemplateLast: function (templates) {
+                if ($$options.templateLastUrl) {
                     // templateUrl takes precedence over template
                     return null;
-                } else if(templates[$$options.templateLast]) {
+                } else if (templates[$$options.templateLast]) {
                     // Predefined templates (default)
                     return templates[$$options.templateLast];
                 } else {
@@ -138,49 +166,49 @@ function $Breadcrumb() {
                 }
             },
 
-            getTemplateLastUrl: function() {
+            getTemplateLastUrl: function () {
                 return $$options.templateLastUrl;
             },
 
-            getStatesChain: function(exitOnFirst) { // Deliberately undocumented param, see getLastStep
+            getStatesChain: function (exitOnFirst) { // Deliberately undocumented param, see getLastStep
                 var chain = [];
 
                 // From current state to the root
-                for(var stateRef = $state.$current.self.name; stateRef; stateRef=$$breadcrumbParentState(stateRef)) {
+                for (var stateRef = $state.$current.self.name; stateRef; stateRef = $$breadcrumbParentState(stateRef)) {
                     $$addStateInChain(chain, stateRef);
-                    if(exitOnFirst && chain.length) {
+                    if (exitOnFirst && chain.length) {
                         return chain;
                     }
                 }
 
                 // Prefix state treatment
-                if($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
+                if ($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
                     $$addStateInChain(chain, $$options.prefixStateName);
                 }
 
                 return chain;
             },
 
-            getLastStep: function() {
+            getLastStep: function () {
                 var chain = this.getStatesChain(true);
                 return chain.length ? chain[0] : undefined;
             },
 
-            $getLastViewScope: function() {
-                return $lastViewScope;
-            }
+            $getLastViewScope: getLastViewScope,
+
+            $getLastViewLocals: getLastViewLocals
         };
     }];
 }
 
-var getExpression = function(interpolationFunction) {
-    if(interpolationFunction.expressions) {
+var getExpression = function (interpolationFunction) {
+    if (interpolationFunction.expressions) {
         return interpolationFunction.expressions;
     } else {
         // Workaround for Angular 1.2.x
         var expressions = [];
-        angular.forEach(interpolationFunction.parts, function(part) {
-            if(angular.isFunction(part)) {
+        angular.forEach(interpolationFunction.parts, function (part) {
+            if (angular.isFunction(part)) {
                 expressions.push(part.exp);
             }
         });
@@ -188,9 +216,9 @@ var getExpression = function(interpolationFunction) {
     }
 };
 
-var registerWatchers = function(labelWatcherArray, interpolationFunction, viewScope, step) {
-    angular.forEach(getExpression(interpolationFunction), function(expression) {
-        var watcher = viewScope.$watch(expression, function() {
+var registerWatchers = function (labelWatcherArray, interpolationFunction, viewScope, step) {
+    angular.forEach(getExpression(interpolationFunction), function (expression) {
+        var watcher = viewScope.$watch(expression, function () {
             step.ncyBreadcrumbLabel = interpolationFunction(viewScope);
         });
         labelWatcherArray.push(watcher);
@@ -198,8 +226,8 @@ var registerWatchers = function(labelWatcherArray, interpolationFunction, viewSc
 
 };
 
-var deregisterWatchers = function(labelWatcherArray) {
-    angular.forEach(labelWatcherArray, function(deregisterWatch) {
+var deregisterWatchers = function (labelWatcherArray) {
+    angular.forEach(labelWatcherArray, function (deregisterWatch) {
         deregisterWatch();
     });
 };
@@ -207,18 +235,18 @@ var deregisterWatchers = function(labelWatcherArray) {
 function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
     var $$templates = {
         bootstrap2: '<ul class="breadcrumb">' +
-            '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
-            '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
-            '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
-            '<span class="divider" ng-hide="$last">/</span>' +
-            '</li>' +
-            '</ul>',
+        '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
+        '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
+        '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
+        '<span class="divider" ng-hide="$last">/</span>' +
+        '</li>' +
+        '</ul>',
         bootstrap3: '<ol class="breadcrumb">' +
-            '<li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract">' +
-            '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
-            '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
-            '</li>' +
-            '</ol>'
+        '<li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract">' +
+        '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
+        '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
+        '</li>' +
+        '</ol>'
     };
 
     return {
@@ -231,19 +259,20 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
             post: function postLink(scope) {
                 var labelWatchers = [];
 
-                var renderBreadcrumb = function() {
+                var renderBreadcrumb = function () {
                     deregisterWatchers(labelWatchers);
                     labelWatchers = [];
 
                     var viewScope = $breadcrumb.$getLastViewScope();
+                    var locals = $breadcrumb.$getLastViewLocals();
                     scope.steps = $breadcrumb.getStatesChain();
                     angular.forEach(scope.steps, function (step) {
                         if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
                             var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
                             if (type === '[object Function]' ||
                                 type === '[object Array]') {
-                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function (label) {
-                                    step.ncyBreadcrumbLabel = label;   
+                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)).then(function (label) {
+                                    step.ncyBreadcrumbLabel = label;
                                 });
                             } else {
                                 var parseLabel = $interpolate(step.ncyBreadcrumb.label);
@@ -257,10 +286,8 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
                     });
                 };
 
-                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-                    if(!event.targetScope.ncyBreadcrumbIgnore) {
-                        renderBreadcrumb();
-                    }
+                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
+                    renderBreadcrumb();
                 });
 
                 // View(s) may be already loaded while the directive's linking
@@ -281,13 +308,13 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
         scope: {},
         template: $breadcrumb.getTemplateLast($$templates),
         templateUrl: $breadcrumb.getTemplateLastUrl(),
-        compile: function(cElement, cAttrs) {
+        compile: function (cElement, cAttrs) {
 
             // Override the default template if ncyBreadcrumbLast has a value
             // This should likely be removed in a future version since global
             // templating is now available for ncyBreadcrumbLast
             var template = cElement.attr(cAttrs.$attr.ncyBreadcrumbLast);
-            if(template) {
+            if (template) {
                 cElement.html(template);
             }
 
@@ -295,20 +322,21 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                 post: function postLink(scope) {
                     var labelWatchers = [];
 
-                    var renderLabel = function() {
+                    var renderLabel = function () {
                         deregisterWatchers(labelWatchers);
                         labelWatchers = [];
 
                         var viewScope = $breadcrumb.$getLastViewScope();
+                        var locals = $breadcrumb.$getLastViewLocals();
                         var lastStep = $breadcrumb.getLastStep();
-                        if(lastStep) {
+                        if (lastStep) {
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
                                 var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
                                 if (type === '[object Function]' ||
                                     type === '[object Array]') {
-                                    $q.when($injector.invoke(lastStep.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function(label) {
-                                        scope.ncyBreadcrumbLabel = label;   
+                                    $q.when($injector.invoke(lastStep.ncyBreadcrumb.label, null, locals)).then(function (label) {
+                                        scope.ncyBreadcrumbLabel = label;
                                     });
                                 } else {
                                     var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
@@ -323,10 +351,8 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         }
                     };
 
-                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-                        if(!event.targetScope.ncyBreadcrumbIgnore) {
-                            renderLabel();
-                        }
+                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
+                        renderLabel();
                     });
 
                     // View(s) may be already loaded while the directive's linking
@@ -346,10 +372,10 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
         scope: {},
         template: '{{ncyBreadcrumbChain}}',
 
-        compile: function(cElement, cAttrs) {
+        compile: function (cElement, cAttrs) {
             // Override the default template if ncyBreadcrumbText has a value
             var template = cElement.attr(cAttrs.$attr.ncyBreadcrumbText);
-            if(template) {
+            if (template) {
                 cElement.html(template);
             }
 
@@ -359,9 +385,9 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                 post: function postLink(scope) {
                     var labelWatchers = [];
 
-                    var registerWatchersText = function(labelWatcherArray, interpolationFunction, viewScope) {
-                        angular.forEach(getExpression(interpolationFunction), function(expression) {
-                            var watcher = viewScope.$watch(expression, function(newValue, oldValue) {
+                    var registerWatchersText = function (labelWatcherArray, interpolationFunction, viewScope) {
+                        angular.forEach(getExpression(interpolationFunction), function (expression) {
+                            var watcher = viewScope.$watch(expression, function (newValue, oldValue) {
                                 if (newValue !== oldValue) {
                                     renderLabel();
                                 }
@@ -370,11 +396,12 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    var renderLabel = function() {
+                    var renderLabel = function () {
                         deregisterWatchers(labelWatchers);
                         labelWatchers = [];
 
                         var viewScope = $breadcrumb.$getLastViewScope();
+                        var locals = $breadcrumb.$getLastViewLocals();
                         var steps = $breadcrumb.getStatesChain();
                         var combinedLabels = [];
                         angular.forEach(steps, function (step) {
@@ -382,7 +409,7 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                                 var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
                                 if (type === '[object Function]' ||
                                     type === '[object Array]') {
-                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})));
+                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)));
                                 } else {
                                     var parseLabel = $interpolate(step.ncyBreadcrumb.label);
                                     combinedLabels.push($q.when(parseLabel(viewScope)));
@@ -400,10 +427,8 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-                        if(!event.targetScope.ncyBreadcrumbIgnore) {
-                            renderLabel();
-                        }
+                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
+                        renderLabel();
                     });
 
                     // View(s) may be already loaded while the directive's linking
diff --git a/dist/angular-breadcrumb.min.js b/dist/angular-breadcrumb.min.js
index 8aaf44a..0369a0c 100644
--- a/dist/angular-breadcrumb.min.js
+++ b/dist/angular-breadcrumb.min.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1-dev-2016-04-28
+/*! angular-breadcrumb - v0.4.1-dev-2016-04-29
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
-!function(a,b,c){"use strict";function d(a,c){return b.equals(a.length,c.length)?a>c:a.length>c.length}function e(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(g,h,i){var j=i;f("$Breadcrumb.$viewContentLoaded",i,"$viewContentLoaded",function(a){!a.targetScope.ncyBreadcrumbIgnore&&d(a.targetScope.$id,j.$id)&&(j=a.targetScope)});var k=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},l=function(c,d){var f,i,k=e(d),l=!1,m=!1;f=b.copy(g.get(k.state)),f.ncyBreadcrumb&&(f.ncyBreadcrumb.force&&(l=!0),f.ncyBreadcrumb.skip&&(m=!0)),f["abstract"]&&!a.includeAbstract&&!l||m||(k.paramExpr&&(i=j.$eval(k.paramExpr)),f.ncyBreadcrumbLink=g.href(k.state,i||h||{}),f.ncyBreadcrumbStateRef=d,c.unshift(f))},m=function(a){var b=e(a),c=g.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var d="function"==typeof c.ncyBreadcrumb.parent,f=d?c.ncyBreadcrumb.parent(j):c.ncyBreadcrumb.parent;if(f)return f}return k(c)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(b){for(var c=[],d=g.$current.self.name;d;d=m(d))if(l(c,d),b&&c.length)return c;return!a.prefixStateName||c.length&&a.prefixStateName===c[0].name||l(c,a.prefixStateName),c},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:function(){return j}}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope();h.steps=c.getStatesChain(),b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})).then(function(a){b.ncyBreadcrumbLabel=a});else{var f=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=f(d),m(i,f,d,b)}}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.getLastStep();if(f)if(g.ncyBreadcrumbLink=f.ncyBreadcrumbLink,f.ncyBreadcrumb&&f.ncyBreadcrumb.label){var i=Object.prototype.toString.call(f.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(f.ncyBreadcrumb.label,null,{$scope:c})).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(f.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=f.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.getStatesChain(),l=[];b.forEach(f,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,{$scope:d})));else{var f=a(b.ncyBreadcrumb.label);l.push(g.when(f(d))),j(i,f,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){a.targetScope.ncyBreadcrumbIgnore||m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
+!function(a,b,c){"use strict";function d(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function e(a){var b=0;for(var c in a)a.hasOwnProperty(c)&&b++;return b}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(f,g,h){function i(){var a=f.$current,b=e(a.views);if(b){if(a.ncyBreadcrumb&&a.ncyBreadcrumb.mainView)return a.locals[a.ncyBreadcrumb.mainView];if(1===b){for(var c in a.views)if(a.views.hasOwnProperty(c))return a.locals[c]}else if(a.views["@"])return a.locals["@"];throw new Error("Multiple views found and mainView was not defined")}}function j(){var a=i();return a?a.$scope||h:h}var k=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},l=function(c,e){var h,i,k=d(e),l=!1,m=!1;h=b.copy(f.get(k.state)),h.ncyBreadcrumb&&(h.ncyBreadcrumb.force&&(l=!0),h.ncyBreadcrumb.skip&&(m=!0)),h["abstract"]&&!a.includeAbstract&&!l||m||(k.paramExpr&&(i=j().$eval(k.paramExpr)),h.ncyBreadcrumbLink=f.href(k.state,i||g||{}),h.ncyBreadcrumbStateRef=e,c.unshift(h))},m=function(a){var b=d(a),c=f.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var e="function"==typeof c.ncyBreadcrumb.parent,g=e?c.ncyBreadcrumb.parent(j()):c.ncyBreadcrumb.parent;if(g)return g}return k(c)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(b){for(var c=[],d=f.$current.self.name;d;d=m(d))if(l(c,d),b&&c.length)return c;return!a.prefixStateName||c.length&&a.prefixStateName===c[0].name||l(c,a.prefixStateName),c},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:j,$getLastViewLocals:i}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();h.steps=c.getStatesChain(),b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){b.ncyBreadcrumbLabel=a});else{var h=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=h(d),m(i,h,d,b)}}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.$getLastViewLocals(),i=b.getLastStep();if(i)if(g.ncyBreadcrumbLink=i.ncyBreadcrumbLink,i.ncyBreadcrumb&&i.ncyBreadcrumb.label){var j=Object.prototype.toString.call(i.ncyBreadcrumb.label);if("[object Function]"===j||"[object Array]"===j)e.when(d.invoke(i.ncyBreadcrumb.label,null,f)).then(function(a){g.ncyBreadcrumbLabel=a});else{var k=a(i.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=k(c),m(h,k,c,g)}}else g.ncyBreadcrumbLabel=i.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(){i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals(),l=c.getStatesChain(),m=[];b.forEach(l,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)m.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,f)));else{var h=a(b.ncyBreadcrumb.label);m.push(g.when(h(d))),j(i,h,d)}}else m.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(m).then(function(a){h.ncyBreadcrumbChain=a.join(k)})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
diff --git a/src/angular-breadcrumb.js b/src/angular-breadcrumb.js
index 5f764d0..b6af338 100644
--- a/src/angular-breadcrumb.js
+++ b/src/angular-breadcrumb.js
@@ -1,23 +1,27 @@
 'use strict';
 
-function isAOlderThanB(scopeA, scopeB) {
-    if(angular.equals(scopeA.length, scopeB.length)) {
-        return scopeA > scopeB;
-    } else {
-        return scopeA.length > scopeB.length;
+function parseStateRef(ref) {
+    var parsed = ref.replace(/\n/g, " ").match(/^([^(]+?)\s*(\((.*)\))?$/);
+    if (!parsed || parsed.length !== 4) {
+        throw new Error("Invalid state ref '" + ref + "'");
     }
+    return {state: parsed[1], paramExpr: parsed[3] || null};
 }
 
-function parseStateRef(ref) {
-    var parsed = ref.replace(/\n/g, " ").match(/^([^(]+?)\s*(\((.*)\))?$/);
-    if (!parsed || parsed.length !== 4) { throw new Error("Invalid state ref '" + ref + "'"); }
-    return { state: parsed[1], paramExpr: parsed[3] || null };
+function countKeys(obj) {
+    var keys = 0;
+    for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            keys++;
+        }
+    }
+    return keys;
 }
 
 var $registeredListeners = {};
 function registerListenerOnce(tag, $rootScope, event, fn) {
     var deregisterListenerFn = $registeredListeners[tag];
-    if ( deregisterListenerFn !== undefined ) {
+    if (deregisterListenerFn !== undefined) {
         deregisterListenerFn();
     }
     deregisterListenerFn = $rootScope.$on(event, fn);
@@ -32,28 +36,16 @@ function $Breadcrumb() {
         templateUrl: null,
         templateLast: 'default',
         templateLastUrl: null,
-        includeAbstract : false
+        includeAbstract: false
     };
 
-    this.setOptions = function(options) {
+    this.setOptions = function (options) {
         angular.extend($$options, options);
     };
 
-    this.$get = ['$state', '$stateParams', '$rootScope', function($state, $stateParams, $rootScope) {
-
-        var $lastViewScope = $rootScope;
-
-        // Early catch of $viewContentLoaded event
-        registerListenerOnce('$Breadcrumb.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-            // With nested views, the event occur several times, in "wrong" order
-            if(!event.targetScope.ncyBreadcrumbIgnore &&
-                isAOlderThanB(event.targetScope.$id, $lastViewScope.$id)) {
-                $lastViewScope = event.targetScope;
-            }
-        });
-
+    this.$get = ['$state', '$stateParams', '$rootScope', function ($state, $stateParams, $rootScope) {
         // Get the parent state
-        var $$parentState = function(state) {
+        var $$parentState = function (state) {
             // Check if state has explicit parent OR we try guess parent from its name
             var parent = state.parent || (/^(.+)\.[^.]+$/.exec(state.name) || [])[1];
             var isObjectParent = typeof parent === "object";
@@ -62,7 +54,7 @@ function $Breadcrumb() {
         };
 
         // Add the state in the chain if not already in and if not abstract
-        var $$addStateInChain = function(chain, stateRef) {
+        var $$addStateInChain = function (chain, stateRef) {
             var conf,
                 parentParams,
                 ref = parseStateRef(stateRef),
@@ -71,13 +63,17 @@ function $Breadcrumb() {
 
             conf = angular.copy($state.get(ref.state));
             // Get breadcrumb options
-            if(conf.ncyBreadcrumb) {
-                if(conf.ncyBreadcrumb.force){ force = true; }
-                if(conf.ncyBreadcrumb.skip){ skip = true; }
+            if (conf.ncyBreadcrumb) {
+                if (conf.ncyBreadcrumb.force) {
+                    force = true;
+                }
+                if (conf.ncyBreadcrumb.skip) {
+                    skip = true;
+                }
             }
-            if((!conf.abstract || $$options.includeAbstract || force) && !skip) {
-                if(ref.paramExpr) {
-                    parentParams = $lastViewScope.$eval(ref.paramExpr);
+            if ((!conf.abstract || $$options.includeAbstract || force) && !skip) {
+                if (ref.paramExpr) {
+                    parentParams = getLastViewScope().$eval(ref.paramExpr);
                 }
 
                 conf.ncyBreadcrumbLink = $state.href(ref.state, parentParams || $stateParams || {});
@@ -87,15 +83,15 @@ function $Breadcrumb() {
         };
 
         // Get the state for the parent step in the breadcrumb
-        var $$breadcrumbParentState = function(stateRef) {
+        var $$breadcrumbParentState = function (stateRef) {
             var ref = parseStateRef(stateRef),
                 conf = $state.get(ref.state);
 
-            if(conf.ncyBreadcrumb && conf.ncyBreadcrumb.parent) {
+            if (conf.ncyBreadcrumb && conf.ncyBreadcrumb.parent) {
                 // Handle the "parent" property of the breadcrumb, override the parent/child relation of the state
                 var isFunction = typeof conf.ncyBreadcrumb.parent === 'function';
-                var parentStateRef = isFunction ? conf.ncyBreadcrumb.parent($lastViewScope) : conf.ncyBreadcrumb.parent;
-                if(parentStateRef) {
+                var parentStateRef = isFunction ? conf.ncyBreadcrumb.parent(getLastViewScope()) : conf.ncyBreadcrumb.parent;
+                if (parentStateRef) {
                     return parentStateRef;
                 }
             }
@@ -103,13 +99,45 @@ function $Breadcrumb() {
             return $$parentState(conf);
         };
 
-        return {
+        function getLastViewLocals() {
+            var state = $state.$current,
+                views = countKeys(state.views);
+
+            if (!views) {
+                return;
+            }
 
-            getTemplate: function(templates) {
-                if($$options.templateUrl) {
+            if (state.ncyBreadcrumb && state.ncyBreadcrumb.mainView) {
+                return state.locals[state.ncyBreadcrumb.mainView];
+            }
+
+            if (views === 1) {
+                for (var key in state.views) {
+                    if (state.views.hasOwnProperty(key)) {
+                        return state.locals[key];
+                    }
+                }
+            } else if (state.views['@']) {
+                return state.locals['@'];
+            }
+
+            throw new Error('Multiple views found and mainView was not defined');
+        }
+
+        function getLastViewScope() {
+            var lastView = getLastViewLocals();
+            if (!lastView) {
+                return $rootScope;
+            }
+            return lastView.$scope || $rootScope;
+        }
+
+        return {
+            getTemplate: function (templates) {
+                if ($$options.templateUrl) {
                     // templateUrl takes precedence over template
                     return null;
-                } else if(templates[$$options.template]) {
+                } else if (templates[$$options.template]) {
                     // Predefined templates (bootstrap, ...)
                     return templates[$$options.template];
                 } else {
@@ -117,15 +145,15 @@ function $Breadcrumb() {
                 }
             },
 
-            getTemplateUrl: function() {
+            getTemplateUrl: function () {
                 return $$options.templateUrl;
             },
 
-            getTemplateLast: function(templates) {
-                if($$options.templateLastUrl) {
+            getTemplateLast: function (templates) {
+                if ($$options.templateLastUrl) {
                     // templateUrl takes precedence over template
                     return null;
-                } else if(templates[$$options.templateLast]) {
+                } else if (templates[$$options.templateLast]) {
                     // Predefined templates (default)
                     return templates[$$options.templateLast];
                 } else {
@@ -133,49 +161,49 @@ function $Breadcrumb() {
                 }
             },
 
-            getTemplateLastUrl: function() {
+            getTemplateLastUrl: function () {
                 return $$options.templateLastUrl;
             },
 
-            getStatesChain: function(exitOnFirst) { // Deliberately undocumented param, see getLastStep
+            getStatesChain: function (exitOnFirst) { // Deliberately undocumented param, see getLastStep
                 var chain = [];
 
                 // From current state to the root
-                for(var stateRef = $state.$current.self.name; stateRef; stateRef=$$breadcrumbParentState(stateRef)) {
+                for (var stateRef = $state.$current.self.name; stateRef; stateRef = $$breadcrumbParentState(stateRef)) {
                     $$addStateInChain(chain, stateRef);
-                    if(exitOnFirst && chain.length) {
+                    if (exitOnFirst && chain.length) {
                         return chain;
                     }
                 }
 
                 // Prefix state treatment
-                if($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
+                if ($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
                     $$addStateInChain(chain, $$options.prefixStateName);
                 }
 
                 return chain;
             },
 
-            getLastStep: function() {
+            getLastStep: function () {
                 var chain = this.getStatesChain(true);
                 return chain.length ? chain[0] : undefined;
             },
 
-            $getLastViewScope: function() {
-                return $lastViewScope;
-            }
+            $getLastViewScope: getLastViewScope,
+
+            $getLastViewLocals: getLastViewLocals
         };
     }];
 }
 
-var getExpression = function(interpolationFunction) {
-    if(interpolationFunction.expressions) {
+var getExpression = function (interpolationFunction) {
+    if (interpolationFunction.expressions) {
         return interpolationFunction.expressions;
     } else {
         // Workaround for Angular 1.2.x
         var expressions = [];
-        angular.forEach(interpolationFunction.parts, function(part) {
-            if(angular.isFunction(part)) {
+        angular.forEach(interpolationFunction.parts, function (part) {
+            if (angular.isFunction(part)) {
                 expressions.push(part.exp);
             }
         });
@@ -183,9 +211,9 @@ var getExpression = function(interpolationFunction) {
     }
 };
 
-var registerWatchers = function(labelWatcherArray, interpolationFunction, viewScope, step) {
-    angular.forEach(getExpression(interpolationFunction), function(expression) {
-        var watcher = viewScope.$watch(expression, function() {
+var registerWatchers = function (labelWatcherArray, interpolationFunction, viewScope, step) {
+    angular.forEach(getExpression(interpolationFunction), function (expression) {
+        var watcher = viewScope.$watch(expression, function () {
             step.ncyBreadcrumbLabel = interpolationFunction(viewScope);
         });
         labelWatcherArray.push(watcher);
@@ -193,8 +221,8 @@ var registerWatchers = function(labelWatcherArray, interpolationFunction, viewSc
 
 };
 
-var deregisterWatchers = function(labelWatcherArray) {
-    angular.forEach(labelWatcherArray, function(deregisterWatch) {
+var deregisterWatchers = function (labelWatcherArray) {
+    angular.forEach(labelWatcherArray, function (deregisterWatch) {
         deregisterWatch();
     });
 };
@@ -202,18 +230,18 @@ var deregisterWatchers = function(labelWatcherArray) {
 function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $q) {
     var $$templates = {
         bootstrap2: '<ul class="breadcrumb">' +
-            '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
-            '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
-            '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
-            '<span class="divider" ng-hide="$last">/</span>' +
-            '</li>' +
-            '</ul>',
+        '<li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}">' +
+        '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
+        '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
+        '<span class="divider" ng-hide="$last">/</span>' +
+        '</li>' +
+        '</ul>',
         bootstrap3: '<ol class="breadcrumb">' +
-            '<li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract">' +
-            '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
-            '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
-            '</li>' +
-            '</ol>'
+        '<li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract">' +
+        '<a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a>' +
+        '<span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span>' +
+        '</li>' +
+        '</ol>'
     };
 
     return {
@@ -226,19 +254,20 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
             post: function postLink(scope) {
                 var labelWatchers = [];
 
-                var renderBreadcrumb = function() {
+                var renderBreadcrumb = function () {
                     deregisterWatchers(labelWatchers);
                     labelWatchers = [];
 
                     var viewScope = $breadcrumb.$getLastViewScope();
+                    var locals = $breadcrumb.$getLastViewLocals();
                     scope.steps = $breadcrumb.getStatesChain();
                     angular.forEach(scope.steps, function (step) {
                         if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
                             var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
                             if (type === '[object Function]' ||
                                 type === '[object Array]') {
-                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function (label) {
-                                    step.ncyBreadcrumbLabel = label;   
+                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)).then(function (label) {
+                                    step.ncyBreadcrumbLabel = label;
                                 });
                             } else {
                                 var parseLabel = $interpolate(step.ncyBreadcrumb.label);
@@ -252,10 +281,8 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
                     });
                 };
 
-                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-                    if(!event.targetScope.ncyBreadcrumbIgnore) {
-                        renderBreadcrumb();
-                    }
+                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
+                    renderBreadcrumb();
                 });
 
                 // View(s) may be already loaded while the directive's linking
@@ -276,13 +303,13 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
         scope: {},
         template: $breadcrumb.getTemplateLast($$templates),
         templateUrl: $breadcrumb.getTemplateLastUrl(),
-        compile: function(cElement, cAttrs) {
+        compile: function (cElement, cAttrs) {
 
             // Override the default template if ncyBreadcrumbLast has a value
             // This should likely be removed in a future version since global
             // templating is now available for ncyBreadcrumbLast
             var template = cElement.attr(cAttrs.$attr.ncyBreadcrumbLast);
-            if(template) {
+            if (template) {
                 cElement.html(template);
             }
 
@@ -290,20 +317,21 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                 post: function postLink(scope) {
                     var labelWatchers = [];
 
-                    var renderLabel = function() {
+                    var renderLabel = function () {
                         deregisterWatchers(labelWatchers);
                         labelWatchers = [];
 
                         var viewScope = $breadcrumb.$getLastViewScope();
+                        var locals = $breadcrumb.$getLastViewLocals();
                         var lastStep = $breadcrumb.getLastStep();
-                        if(lastStep) {
+                        if (lastStep) {
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
                                 var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
                                 if (type === '[object Function]' ||
                                     type === '[object Array]') {
-                                    $q.when($injector.invoke(lastStep.ncyBreadcrumb.label, null, {$scope: viewScope})).then(function(label) {
-                                        scope.ncyBreadcrumbLabel = label;   
+                                    $q.when($injector.invoke(lastStep.ncyBreadcrumb.label, null, locals)).then(function (label) {
+                                        scope.ncyBreadcrumbLabel = label;
                                     });
                                 } else {
                                     var parseLabel = $interpolate(lastStep.ncyBreadcrumb.label);
@@ -318,10 +346,8 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         }
                     };
 
-                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-                        if(!event.targetScope.ncyBreadcrumbIgnore) {
-                            renderLabel();
-                        }
+                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
+                        renderLabel();
                     });
 
                     // View(s) may be already loaded while the directive's linking
@@ -341,10 +367,10 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
         scope: {},
         template: '{{ncyBreadcrumbChain}}',
 
-        compile: function(cElement, cAttrs) {
+        compile: function (cElement, cAttrs) {
             // Override the default template if ncyBreadcrumbText has a value
             var template = cElement.attr(cAttrs.$attr.ncyBreadcrumbText);
-            if(template) {
+            if (template) {
                 cElement.html(template);
             }
 
@@ -354,9 +380,9 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                 post: function postLink(scope) {
                     var labelWatchers = [];
 
-                    var registerWatchersText = function(labelWatcherArray, interpolationFunction, viewScope) {
-                        angular.forEach(getExpression(interpolationFunction), function(expression) {
-                            var watcher = viewScope.$watch(expression, function(newValue, oldValue) {
+                    var registerWatchersText = function (labelWatcherArray, interpolationFunction, viewScope) {
+                        angular.forEach(getExpression(interpolationFunction), function (expression) {
+                            var watcher = viewScope.$watch(expression, function (newValue, oldValue) {
                                 if (newValue !== oldValue) {
                                     renderLabel();
                                 }
@@ -365,11 +391,12 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    var renderLabel = function() {
+                    var renderLabel = function () {
                         deregisterWatchers(labelWatchers);
                         labelWatchers = [];
 
                         var viewScope = $breadcrumb.$getLastViewScope();
+                        var locals = $breadcrumb.$getLastViewLocals();
                         var steps = $breadcrumb.getStatesChain();
                         var combinedLabels = [];
                         angular.forEach(steps, function (step) {
@@ -377,7 +404,7 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                                 var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
                                 if (type === '[object Function]' ||
                                     type === '[object Array]') {
-                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, {$scope: viewScope})));
+                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)));
                                 } else {
                                     var parseLabel = $interpolate(step.ncyBreadcrumb.label);
                                     combinedLabels.push($q.when(parseLabel(viewScope)));
@@ -395,10 +422,8 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
-                        if(!event.targetScope.ncyBreadcrumbIgnore) {
-                            renderLabel();
-                        }
+                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
+                        renderLabel();
                     });
 
                     // View(s) may be already loaded while the directive's linking
diff --git a/test/mock/test-modules.js b/test/mock/test-modules.js
index 3cfbd0d..32c868a 100644
--- a/test/mock/test-modules.js
+++ b/test/mock/test-modules.js
@@ -5,14 +5,14 @@
  */
 angular.module('ncy-basic-conf', []).config(function($stateProvider) {
     $stateProvider
-        .state('A', {url: '/a', ncyBreadcrumb: {label: 'State A'}})
-        .state('A.B', {url: '/b', ncyBreadcrumb: {label: 'State B'}})
-        .state('A.B.C', {url: '/c', ncyBreadcrumb: {label: 'State C'}})
-        .state('D', {parent: 'A.B.C', url: '/d', ncyBreadcrumb: {label: 'State D'}}) // Explicit parent
-        .state('D.E', {url: '/e', ncyBreadcrumb: {label: 'State E', skip: true}})
-        .state('D.E.F', {url: '/f', ncyBreadcrumb: {label: 'State F'}})
-        .state('G', {url: '/g', ncyBreadcrumb: {label: 'State G', skip: true}})
-        .state('G.H', {url: '/h', ncyBreadcrumb: {label: 'State H'}});
+        .state('A', {url: '/a', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State A'}})
+        .state('A.B', {url: '/b', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State B'}})
+        .state('A.B.C', {url: '/c', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State C'}})
+        .state('D', {parent: 'A.B.C', url: '/d', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State D'}}) // Explicit parent
+        .state('D.E', {url: '/e', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State E', skip: true}})
+        .state('D.E.F', {url: '/f', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State F'}})
+        .state('G', {url: '/g', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State G', skip: true}})
+        .state('G.H', {url: '/h', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State H'}});
 });
 
 /**
@@ -20,18 +20,18 @@ angular.module('ncy-basic-conf', []).config(function($stateProvider) {
  */
 angular.module('ncy-abstract-conf', []).config(function($stateProvider) {
     $stateProvider
-        .state('A', {url: '/a', abstract: true, ncyBreadcrumb: {label: 'State A'}})
-        .state('A.B', {url: '/b', ncyBreadcrumb: {label: 'State B'}})
-        .state('A.B.C', {url: '/c', ncyBreadcrumb: {label: 'State C'}})
-        .state('D', {url: '/d', ncyBreadcrumb: {label: 'State D'}})
-        .state('D.E', {url: '/e', abstract: true, ncyBreadcrumb: {label: 'State E'}})
-        .state('D.E.F', {url: '/f', ncyBreadcrumb: {label: 'State F'}})
-        .state('G', {url: '/g', abstract: true, ncyBreadcrumb: {label: 'State G', skip: true}})
-        .state('G.H', {url: '/h', ncyBreadcrumb: {label: 'State H'}})
-        .state('I', {url: '/i', abstract: true, ncyBreadcrumb: {label: 'State I', force: true}})
-        .state('I.J', {url: '/j', ncyBreadcrumb: {label: 'State J'}})
-        .state('K', {url: '/k', abstract: true, ncyBreadcrumb: {label: 'State K', skip: true, force: true}})
-        .state('K.L', {url: '/l', ncyBreadcrumb: {label: 'State L'}});
+        .state('A', {url: '/a', template: '<div ui-view></div>', abstract: true, ncyBreadcrumb: {label: 'State A'}})
+        .state('A.B', {url: '/b', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State B'}})
+        .state('A.B.C', {url: '/c', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State C'}})
+        .state('D', {url: '/d', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State D'}})
+        .state('D.E', {url: '/e', template: '<div ui-view></div>', abstract: true, ncyBreadcrumb: {label: 'State E'}})
+        .state('D.E.F', {url: '/f', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State F'}})
+        .state('G', {url: '/g', template: '<div ui-view></div>', abstract: true, ncyBreadcrumb: {label: 'State G', skip: true}})
+        .state('G.H', {url: '/h', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State H'}})
+        .state('I', {url: '/i', template: '<div ui-view></div>', abstract: true, ncyBreadcrumb: {label: 'State I', force: true}})
+        .state('I.J', {url: '/j', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State J'}})
+        .state('K', {url: '/k', template: '<div ui-view></div>', abstract: true, ncyBreadcrumb: {label: 'State K', skip: true, force: true}})
+        .state('K.L', {url: '/l', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State L'}});
 });
 
 /**
@@ -41,11 +41,13 @@ angular.module('ncy-object-parent-conf', []).config(function($stateProvider) {
     var A = {
         name: 'A',
         url: '/a',
+        template: '<div ui-view></div>',
         ncyBreadcrumb: {label: 'State A'}
     };
     var A_B = {
         name: 'B',
         url: '/b',
+        template: '<div ui-view></div>',
         ncyBreadcrumb: {label: 'State B'},
         parent: A
     };
@@ -59,20 +61,23 @@ angular.module('ncy-object-parent-conf', []).config(function($stateProvider) {
  */
 angular.module('ncy-dynamic-parent-conf', []).config(function($stateProvider) {
     $stateProvider
-        .state('A', {url: '/a', ncyBreadcrumb: {label: 'State A'}})
-        .state('A.B', {url: '/b', ncyBreadcrumb: {label: 'State B'}})
-        .state('C', {url: '/c', ncyBreadcrumb: {label: 'State C'}})
-        .state('D', {url: '/d', ncyBreadcrumb: {label: 'State D'}})
-        .state('D.E', {url: '/e', ncyBreadcrumb: {label: 'State E'}})
-        .state('D.E.F', {url:'/f', ncyBreadcrumb: {label: 'State F', parent: 'A.B'}}) // Specific parent for breadcrumb
-        .state('D.E.G', {url:'/g', ncyBreadcrumb: {label: 'State G', parent: function() {
+        .state('A', {url: '/a', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State A'}})
+        .state('A.B', {url: '/b', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State B'}})
+        .state('C', {url: '/c', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State C'}})
+        .state('D', {url: '/d', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State D'}})
+        .state('D.E', {url: '/e', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State E'}})
+        .state('D.E.F', {url:'/f', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State F', parent: 'A.B'}}) // Specific parent for breadcrumb
+        .state('D.E.G', {url:'/g', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State G', parent: function() {
             return 'A';
         }}})
-        .state('D.E.H', {url:'/h', ncyBreadcrumb: {label: 'State H', parent: function($scope) {
+        .state('D.E.H', {url:'/h', template: '<div ui-view></div>', controller: 'ReturnCCtrl', ncyBreadcrumb: {label: 'State H', parent: function($scope) {
             return $scope.parentState;
         }}})
-        .state('I', {url: '/i/:x/:y', ncyBreadcrumb: {label:'State I'}})
-        .state('J', {url: '/j', ncyBreadcrumb: {label:'State J', parent: 'I({x: \'love\', y: \'you\'})'}});
+        .state('D.E.K', {url:'/k', template: '<div ui-view></div>', controller: 'UndefinedCtrl', ncyBreadcrumb: {label: 'State K', parent: function($scope) {
+            return $scope.parentState;
+        }}})
+        .state('I', {url: '/i/:x/:y', template: '<div ui-view></div>', ncyBreadcrumb: {label:'State I'}})
+        .state('J', {url: '/j', template: '<div ui-view></div>', ncyBreadcrumb: {label:'State J', parent: 'I({x: \'love\', y: \'you\'})'}});
 }).controller('UndefinedCtrl', function($scope) {
     $scope.parentState = undefined;
 }).controller('ReturnCCtrl', function($scope) {
@@ -84,11 +89,11 @@ angular.module('ncy-dynamic-parent-conf', []).config(function($stateProvider) {
  */
 angular.module('ncy-ui-sref-template-conf', []).config(function($stateProvider, $breadcrumbProvider) {
     $stateProvider
-        .state('A', {url: '/a', ncyBreadcrumb: {label: 'State A'}})
-        .state('A.B', {url: '/b', ncyBreadcrumb: {label: 'State B'}})
-        .state('I', {url: '/i/:x/:y', ncyBreadcrumb: {label:'State I'}})
-        .state('J', {url: '/j', ncyBreadcrumb: {label:'State J', parent: 'I({x: \'love\', y: \'you\'})'}})
-        .state('K', {url: '/k', ncyBreadcrumb: {label:'State K', parent: function() {
+        .state('A', {url: '/a', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State A'}})
+        .state('A.B', {url: '/b', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'State B'}})
+        .state('I', {url: '/i/:x/:y', template: '<div ui-view></div>', ncyBreadcrumb: {label:'State I'}})
+        .state('J', {url: '/j', template: '<div ui-view></div>', ncyBreadcrumb: {label:'State J', parent: 'I({x: \'love\', y: \'you\'})'}})
+        .state('K', {url: '/k', template: '<div ui-view></div>', ncyBreadcrumb: {label:'State K', parent: function() {
             return 'I({x: \'love\', y: \'you\'})';
         }}});
 
@@ -102,10 +107,10 @@ angular.module('ncy-ui-sref-template-conf', []).config(function($stateProvider,
  */
 angular.module('ncy-interpolation-conf', []).config(function($stateProvider) {
     $stateProvider
-        .state('A', {url: '/a', controller: 'ACtrl', template: '<div>View A</div>', ncyBreadcrumb: {label: 'State A'}})
-        .state('A.B', {url: '/b', controller: 'BCtrl', template: '<div>View B</div>', ncyBreadcrumb: {label: 'State {{tripleB}}'}})
-        .state('A.B.C', {url: '/c', ncyBreadcrumb: {label: 'State C'}}) // no controller
-        .state('A.B.D', {url: '/d', controller: function($scope) {$scope.tripleD='DDD';}, template: '<div>View D</div>', ncyBreadcrumb: {label: 'State {{tripleD}}'}}); // inline controller
+        .state('A', {url: '/a', controller: 'ACtrl', template: '<div>View A</div><div ui-view></div>', ncyBreadcrumb: {label: 'State A'}})
+        .state('A.B', {url: '/b', controller: 'BCtrl', template: '<div>View B</div><div ui-view></div>', ncyBreadcrumb: {label: 'State {{tripleB}}'}})
+        .state('A.B.C', {url: '/c', template:'<div ui-view></div>', ncyBreadcrumb: {label: 'State C'}}) // no controller
+        .state('A.B.D', {url: '/d', controller: function($scope) { $scope.tripleD='DDD'; }, template: '<div>View D</div>', ncyBreadcrumb: {label: 'State {{tripleD}}'}}); // inline controller
 }).controller('ACtrl', function($scope) {
     $scope.tripleA = 'AAA';
 }).controller('BCtrl', function($scope) {
@@ -117,7 +122,7 @@ angular.module('ncy-interpolation-conf', []).config(function($stateProvider) {
  */
 angular.module('ncy-html-conf', ['ngSanitize']).config(function($stateProvider) {
     $stateProvider
-        .state('html', {url: '/html', ncyBreadcrumb: {label: 'Html is <b>interpreted</b>'}});
+        .state('html', {url: '/html', template: '<div ui-view></div>', ncyBreadcrumb: {label: 'Html is <b>interpreted</b>'}});
 });
 
 angular.module('ncy-sample-conf', ['ncy-sample', 'ngMock']).config(function($urlRouterProvider) {
diff --git a/test/spec/directive-basic-test.js b/test/spec/directive-basic-test.js
index cd5b06d..09b1ec2 100644
--- a/test/spec/directive-basic-test.js
+++ b/test/spec/directive-basic-test.js
@@ -2,26 +2,20 @@
 
 describe('Breadcrumb directive with basic conf', function() {
 
-    var element, scope;
+    var element;
 
     beforeEach(function() {
         module('ncy-basic-conf');
     });
 
     beforeEach(inject(function($rootScope, $compile) {
-        element = angular.element('<ncy-breadcrumb />');
-        var compile = $compile(element);
-        scope = $rootScope.$new();
-        compile(scope);
-        scope.$digest();
+        var elem = angular.element('<ncy-breadcrumb></ncy-breadcrumb><div ui-view></div>');
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('renders the correct state chain', inject(function() {
         goToState('D');
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
 
-        console.info('Directive content : ' + element.text());
         expect(element.text()).toContain('State A');
         expect(element.text()).toContain('State B');
         expect(element.text()).toContain('State C');
@@ -37,10 +31,7 @@ describe('Breadcrumb directive with basic conf', function() {
 
     it('should work with one state', inject(function() {
         goToState('A');
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
+        
         expect(element.text()).toContain('State A');
 
         expect(element.children().length).toBe(1);
diff --git a/test/spec/directive-dynamic-parent-test.js b/test/spec/directive-dynamic-parent-test.js
index 1cdb0da..718c32c 100644
--- a/test/spec/directive-dynamic-parent-test.js
+++ b/test/spec/directive-dynamic-parent-test.js
@@ -1,65 +1,40 @@
 /*jshint undef: false */
 
-describe('Breadcrumb directive with dynamic parent conf', function() {
+describe('Breadcrumb directive with dynamic parent conf', function () {
+    var element, $rootScope;
 
-    var element, scope, controller, compile;
-
-    beforeEach(function() {
+    beforeEach(function () {
         module('ncy-dynamic-parent-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<div ncy-breadcrumb></div>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function (_$rootScope_, $compile) {
+        var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+        $rootScope = _$rootScope_;
+        element = $compile(elem)($rootScope.$new());
     }));
 
-    it('should use the custom breadcrumb\'s parent property referencing a variable of the scope', inject(function() {
+    it('should use the custom breadcrumb\'s parent property referencing a variable of the scope', inject(function () {
         goToState('D.E.H');
-
-        controller('ReturnCCtrl', {'$scope' : scope} );
-        compile(scope);
-        expect(scope.parentState).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
+        $rootScope.$digest();
 
         expect(element.text()).toContain('State C');
         expect(element.text()).toContain('State H');
         expect(element.text()).not.toContain('State E');
     }));
 
-    it('should ignore the custom breadcrumb\'s parent property if it is a function returning undefined', inject(function() {
-        goToState('D.E.H');
-
-        controller('UndefinedCtrl', {'$scope' : scope} );
-        compile(scope);
-        expect(scope.parentState).toBeUndefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
+    it('should ignore the custom breadcrumb\'s parent property if it is a function returning undefined', inject(function () {
+        goToState('D.E.K');
+        $rootScope.$digest();
 
         expect(element.text()).toContain('State D');
         expect(element.text()).toContain('State E');
-        expect(element.text()).toContain('State H');
-
+        expect(element.text()).toContain('State K');
     }));
 
-    it('deals with url params correctly', inject(function() {
+    it('deals with url params correctly', inject(function () {
         goToState('J');
-
-        compile(scope);
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
+        $rootScope.$digest();
+        
         expect(element.text()).toContain('State I');
         expect(element.text()).toContain('State J');
 
diff --git a/test/spec/directive-interpolation-test.js b/test/spec/directive-interpolation-test.js
index f79ff3a..ee2152f 100644
--- a/test/spec/directive-interpolation-test.js
+++ b/test/spec/directive-interpolation-test.js
@@ -1,56 +1,34 @@
 /*jshint undef: false */
 
-describe('Breadcrumb directive with interpolation conf', function() {
+describe('Breadcrumb directive with interpolation conf', function () {
+    var element, $rootScope;
 
-    var element, scope, controller, compile;
-
-    beforeEach(function() {
+    beforeEach(function () {
         module('ncy-interpolation-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<div ncy-breadcrumb></div>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function (_$rootScope_, $compile) {
+        var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+        $rootScope = _$rootScope_;
+        element = $compile(elem)($rootScope.$new());
     }));
 
-    it('interpolates labels correctly', inject(function() {
+    it('interpolates labels correctly', inject(function () {
         goToState('A.B');
 
-        controller('BCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        expect(scope.tripleB).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toContain('State BBB');
 
         expect(element.find('a').eq(0).attr('href')).toBe('#/a');
     }));
 
-    it('deals with further updates of the scope', inject(function() {
+    it('deals with further updates of the scope', inject(function ($state) {
         goToState('A.B');
 
-        controller('BCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toContain('State BBB');
 
-        scope.tripleB = 'HACKED';
-        scope.$digest();
+        $state.$current.locals['@A'].$scope.tripleB = 'HACKED';
+        $rootScope.$digest();
 
         expect(element.text()).toContain('State HACKED');
-
     }));
-
 });
diff --git a/test/spec/directive-last-basic-test.js b/test/spec/directive-last-basic-test.js
index 1ec1245..f9cf99a 100644
--- a/test/spec/directive-last-basic-test.js
+++ b/test/spec/directive-last-basic-test.js
@@ -2,7 +2,7 @@
 
 describe('Last step directive with basic conf', function() {
 
-    var element, scope;
+    var element;
 
     beforeEach(function() {
         module('ncy-basic-conf');
@@ -11,19 +11,13 @@ describe('Last step directive with basic conf', function() {
     describe('without template', function() {
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-last></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-last></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('renders the last step label correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element.text()).toBe('State D');
         }));
 
@@ -32,19 +26,13 @@ describe('Last step directive with basic conf', function() {
     describe('with template', function() {
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-last="{{ncyBreadcrumbLabel}}|{{ncyBreadcrumbLink}}"></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-last="{{ncyBreadcrumbLabel}}|{{ncyBreadcrumbLink}}"></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('renders the template correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element.text()).toBe('State D|#/a/b/c/d');
         }));
 
@@ -62,19 +50,13 @@ describe('Last step directive with basic conf', function() {
         });
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-last></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-last></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.html());
+            
             expect(element[0].tagName.toLowerCase()).toBe('span');
             expect(element.find('i').length).toBe(1);
         }));
@@ -92,19 +74,13 @@ describe('Last step directive with basic conf', function() {
         });
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-last></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-last></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('correctly', inject(function() {
             goToState('html');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.html());
+            
             expect(element[0].tagName.toLowerCase()).toBe('span');
 
             expect(element.find('i').length).toBe(2);
diff --git a/test/spec/directive-last-interpolation-test.js b/test/spec/directive-last-interpolation-test.js
index 081fae4..6bb34d5 100644
--- a/test/spec/directive-last-interpolation-test.js
+++ b/test/spec/directive-last-interpolation-test.js
@@ -1,56 +1,34 @@
 /*jshint undef: false */
 
-describe('Last step directive with interpolation conf', function() {
+describe('Last step directive with interpolation conf', function () {
 
-    var element, scope, controller, compile;
+    var element, $rootScope;
 
-    beforeEach(function() {
+    beforeEach(function () {
         module('ncy-interpolation-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<span ncy-breadcrumb-last="test|{{ncyBreadcrumbLabel}}"></span>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function (_$rootScope_, $compile) {
+        var elem = angular.element('<span ncy-breadcrumb-last="test|{{ncyBreadcrumbLabel}}"></span><div ui-view></div>');
+        $rootScope = _$rootScope_;
+        element = $compile(elem)($rootScope.$new());
     }));
 
-    it('interpolates labels correctly', inject(function() {
+    it('interpolates labels correctly', inject(function () {
         goToState('A.B');
 
-        controller('BCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        expect(scope.tripleB).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toBe('test|State BBB');
     }));
 
-    it('deals with further updates of the scope', inject(function() {
+    it('deals with further updates of the scope', inject(function ($state) {
         goToState('A.B');
 
-        controller('BCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toBe('test|State BBB');
 
-        scope.tripleB = 'HACKED';
-        scope.$digest();
+        $state.$current.locals['@A'].$scope.tripleB = 'HACKED';
+        $rootScope.$digest();
 
         expect(element.text()).toBe('test|State HACKED');
 
     }));
-
-
-
 });
diff --git a/test/spec/directive-last-sample-test.js b/test/spec/directive-last-sample-test.js
index 2fe9f0f..9ac25fb 100644
--- a/test/spec/directive-last-sample-test.js
+++ b/test/spec/directive-last-sample-test.js
@@ -2,32 +2,21 @@
 
 describe('Last step directive with sample conf', function() {
 
-    var element, scope, controller, compile;
+    var element, $rootScope;
 
     beforeEach(function() {
         module('ncy-sample-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<span ncy-breadcrumb-last="<a href=\'{{ncyBreadcrumbLink}}\'>{{ncyBreadcrumbLabel}}</a>"></span>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function(_$rootScope_, $compile) {
+        var elem = angular.element('<span ncy-breadcrumb-last="<a href=\'{{ncyBreadcrumbLink}}\'>{{ncyBreadcrumbLabel}}</a>"></span><div ui-view></div>');
+        $rootScope = _$rootScope_;
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('interpolates "room.detail" label correctly', inject(function() {
         goToStateAndFlush('room.detail', {roomId: 3});
 
-        controller('RoomDetailCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        expect(scope.room).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.find('a').text()).toBe('Room 103');
         expect(element.find('a').attr("href")).toBe('#/room/3');
     }));
diff --git a/test/spec/directive-ncyBreadcrumbIgnore-test.js b/test/spec/directive-ncyBreadcrumbIgnore-test.js
deleted file mode 100644
index 51ff3e3..0000000
--- a/test/spec/directive-ncyBreadcrumbIgnore-test.js
+++ /dev/null
@@ -1,108 +0,0 @@
-/*jshint undef: false */
-
-
-var element, scope;
-
-describe('Breadcrumb directive with multiple-interpolation conf', function() {
-
-    beforeEach(function () {
-        module('ncy-multiple-interpolation-conf');
-    });
-
-    describe('when ncyBreadcrumbIgnore is undefined on parent view scope', function () {
-        describe('when the parent view located before child view ', function () {
-            beforeEach(inject(function ($rootScope, $compile) {
-                element = angular.element('<div><div ncy-breadcrumb=""></div><div ui-view="a"></div><div ui-view="b"></div></div>');
-                var compile = $compile(element);
-                scope = $rootScope.$new();
-                compile(scope);
-                scope.$digest();
-            }));
-
-            it('renders the correct state chain and views content', inject(function () {
-                goToState('A.B');
-                scope.$emit('$viewContentLoaded');
-                scope.$digest();
-
-                console.info('Directive content : ' + element.text());
-
-                expect(element.text()).toContain('AState BBBView AView B');
-            }));
-        });
-
-        describe('when the parent view located after child view ', function () {
-            beforeEach(inject(function ($rootScope, $compile) {
-                element = angular.element('<div><div ncy-breadcrumb=""></div><div ui-view="b"></div><div ui-view="a"></div></div>');
-                var compile = $compile(element);
-                scope = $rootScope.$new();
-                compile(scope);
-                scope.$digest();
-            }));
-
-            it('renders the incorrect state chain', inject(function () {
-                goToState('A.B');
-                scope.$emit('$viewContentLoaded');
-                scope.$digest();
-
-                console.info('Directive content : ' + element.text());
-
-                expect(element.text()).not.toContain('State BBB');
-            }));
-        });
-    });
-});
-
-describe('Breadcrumb directive with multiple-interpolation conf', function() {
-    beforeEach(function () {
-        module('ncy-multiple-interpolation-conf', function ($controllerProvider) {
-            $controllerProvider.register('ACtrl', function ($scope) {
-                $scope.ncyBreadcrumbIgnore = true;
-            });
-        });
-    });
-
-    describe('when ncyBreadcrumbIgnore property equals true on parent view scope', function () {
-        describe('when the parent view located before child view ', function () {
-            beforeEach(inject(function ($rootScope, $compile) {
-                element = angular.element('<div><div ncy-breadcrumb=""></div><div ui-view="a"></div><div ui-view="b"></div></div>');
-                var compile = $compile(element);
-                scope = $rootScope.$new();
-
-                compile(scope);
-                scope.$digest();
-            }));
-
-            it('renders the correct state chain and views content', inject(function () {
-                goToState('A.B');
-                scope.$emit('$viewContentLoaded');
-                scope.$digest();
-
-                console.info('Directive content : ' + element.text());
-
-                expect(element.text()).toContain('AState BBBView AView B');
-            }));
-        });
-
-        describe('when the parent view located after child view ', function () {
-            beforeEach(inject(function ($rootScope, $compile) {
-                element = angular.element('<div><div ncy-breadcrumb=""></div><div ui-view="b"></div><div ui-view="a"></div></div>');
-                var compile = $compile(element);
-                scope = $rootScope.$new();
-
-                compile(scope);
-                scope.$digest();
-            }));
-
-            it('renders the correct state chain and views content', inject(function () {
-                goToState('A.B');
-                scope.$emit('$viewContentLoaded');
-                scope.$digest();
-
-                console.info('Directive content : ' + element.text());
-
-                expect(element.text()).toContain('AState BBBView BView A');
-            }));
-        });
-    });
-
-});
diff --git a/test/spec/directive-object-parent-test.js b/test/spec/directive-object-parent-test.js
index 14435da..6538fe0 100644
--- a/test/spec/directive-object-parent-test.js
+++ b/test/spec/directive-object-parent-test.js
@@ -2,26 +2,20 @@
 
 describe('Breadcrumb directive with object parent conf', function() {
 
-    var element, scope;
+    var element;
 
     beforeEach(function() {
         module('ncy-object-parent-conf');
     });
 
     beforeEach(inject(function($rootScope, $compile) {
-        element = angular.element('<ncy-breadcrumb />');
-        var compile = $compile(element);
-        scope = $rootScope.$new();
-        compile(scope);
-        scope.$digest();
+        var elem = angular.element('<ncy-breadcrumb></ncy-breadcrumb><div ui-view></div>');
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('should handle parents provided by object reference', inject(function() {
         goToState('B');
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
+        
         expect(element.text()).toContain('State A');
         expect(element.text()).toContain('State B');
     }));
diff --git a/test/spec/directive-sample-test.js b/test/spec/directive-sample-test.js
index 4622e69..cc47756 100644
--- a/test/spec/directive-sample-test.js
+++ b/test/spec/directive-sample-test.js
@@ -2,32 +2,20 @@
 
 describe('Breadcrumb directive with sample conf', function() {
 
-    var element, scope, controller, compile;
+    var element;
 
     beforeEach(function() {
         module('ncy-sample-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<div ncy-breadcrumb></div>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function($rootScope, $compile) {
+        var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('interpolates "room.detail" label correctly', inject(function() {
         goToStateAndFlush('room.detail.edit', {roomId: 3});
 
-        controller('RoomDetailCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        expect(scope.room).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toContain('Home');
         expect(element.text()).toContain('Sample');
         expect(element.text()).toContain('Rooms');
diff --git a/test/spec/directive-template-test.js b/test/spec/directive-template-test.js
index 9a92ce2..6d954a2 100644
--- a/test/spec/directive-template-test.js
+++ b/test/spec/directive-template-test.js
@@ -2,7 +2,7 @@
 
 describe('Breadcrumb directive', function() {
 
-    var element, scope;
+    var element;
 
     describe('uses default template (bootstrap3)', function() {
         beforeEach(function() {
@@ -10,19 +10,13 @@ describe('Breadcrumb directive', function() {
         });
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<div ncy-breadcrumb></div>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element[0].tagName.toLowerCase()).toBe('ol');
 
             expect(element.children().length).toBe(4);
@@ -43,19 +37,13 @@ describe('Breadcrumb directive', function() {
         });
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<div ncy-breadcrumb></div>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element[0].tagName.toLowerCase()).toBe('ul');
 
             expect(element.children().length).toBe(4);
@@ -80,19 +68,13 @@ describe('Breadcrumb directive', function() {
         });
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<div ncy-breadcrumb></div>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.html());
+            
             expect(element[0].tagName.toLowerCase()).toBe('table');
 
             expect(element.find('tr').length).toBe(4);
@@ -115,19 +97,13 @@ describe('Breadcrumb directive', function() {
         });
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<div ncy-breadcrumb></div>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('correctly', inject(function() {
             goToState('html');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.html());
+            
             expect(element[0].tagName.toLowerCase()).toBe('div');
 
             expect(element.find('span').length).toBe(2);
@@ -135,5 +111,4 @@ describe('Breadcrumb directive', function() {
             expect(element.find('span').eq(1).text()).toBe('Html is interpreted');
         }));
     });
-
 });
diff --git a/test/spec/directive-text-basic-separator-test.js b/test/spec/directive-text-basic-separator-test.js
index 10623ad..1fc01c1 100644
--- a/test/spec/directive-text-basic-separator-test.js
+++ b/test/spec/directive-text-basic-separator-test.js
@@ -1,8 +1,7 @@
 /*jshint undef: false */
 
 describe('Text directive with separator with basic conf', function() {
-
-    var element, scope;
+    var element;
 
     beforeEach(function() {
         module('ncy-basic-conf');
@@ -11,19 +10,13 @@ describe('Text directive with separator with basic conf', function() {
     describe('without template', function() {
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-text ncy-breadcrumb-text-separator=">"></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-text ncy-breadcrumb-text-separator=">"></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('renders the text label correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element.text()).toBe('State A>State B>State C>State D');
         }));
 
@@ -32,19 +25,13 @@ describe('Text directive with separator with basic conf', function() {
     describe('with template', function() {
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-text="{{ncyBreadcrumbChain}} - MyApp" ncy-breadcrumb-text-separator=">"></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-text="{{ncyBreadcrumbChain}} - MyApp" ncy-breadcrumb-text-separator=">"></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('renders the template correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element.text()).toBe('State A>State B>State C>State D - MyApp');
         }));
 
diff --git a/test/spec/directive-text-basic-test.js b/test/spec/directive-text-basic-test.js
index f74b370..e3751b7 100644
--- a/test/spec/directive-text-basic-test.js
+++ b/test/spec/directive-text-basic-test.js
@@ -2,7 +2,7 @@
 
 describe('Text directive with basic conf', function() {
 
-    var element, scope;
+    var element;
 
     beforeEach(function() {
         module('ncy-basic-conf');
@@ -11,19 +11,13 @@ describe('Text directive with basic conf', function() {
     describe('without template', function() {
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-text></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-text></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('renders the text label correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element.text()).toBe('State A / State B / State C / State D');
         }));
 
@@ -32,19 +26,13 @@ describe('Text directive with basic conf', function() {
     describe('with template', function() {
 
         beforeEach(inject(function($rootScope, $compile) {
-            element = angular.element('<span ncy-breadcrumb-text="{{ncyBreadcrumbChain}} - MyApp"></span>');
-            var compile = $compile(element);
-            scope = $rootScope.$new();
-            compile(scope);
-            scope.$digest();
+            var elem = angular.element('<span ncy-breadcrumb-text="{{ncyBreadcrumbChain}} - MyApp"></span><div ui-view></div>');
+            element = $compile(elem)($rootScope.$new());
         }));
 
         it('renders the template correctly', inject(function() {
             goToState('D');
-            scope.$emit('$viewContentLoaded');
-            scope.$digest();
-
-            console.info('Directive content : ' + element.text());
+            
             expect(element.text()).toBe('State A / State B / State C / State D - MyApp');
         }));
 
diff --git a/test/spec/directive-text-interpolation-test.js b/test/spec/directive-text-interpolation-test.js
index f9fd3d6..f932de8 100644
--- a/test/spec/directive-text-interpolation-test.js
+++ b/test/spec/directive-text-interpolation-test.js
@@ -1,56 +1,32 @@
 /*jshint undef: false */
 
 describe('Text directive with interpolation conf', function() {
-
-    var element, scope, controller, compile;
+    var element, $rootScope;
 
     beforeEach(function() {
         module('ncy-interpolation-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<span ncy-breadcrumb-text="test|{{ncyBreadcrumbChain}}"></span>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function(_$rootScope_, $compile) {
+        var elem = angular.element('<span ncy-breadcrumb-text="test|{{ncyBreadcrumbChain}}"></span><div ui-view></div>');
+        $rootScope = _$rootScope_;
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('interpolates labels correctly', inject(function() {
         goToState('A.B');
 
-        controller('BCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        expect(scope.tripleB).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toBe('test|State A / State BBB');
     }));
 
-    it('deals with further updates of the scope', inject(function() {
+    it('deals with further updates of the scope', inject(function($state) {
         goToState('A.B');
 
-        controller('BCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toBe('test|State A / State BBB');
 
-        scope.tripleB = 'HACKED';
-        scope.$digest();
+        $state.$current.locals['@A'].$scope.tripleB = 'HACKED';
+        $rootScope.$digest();
 
         expect(element.text()).toBe('test|State A / State HACKED');
-
     }));
-
-
-
 });
diff --git a/test/spec/directive-text-sample-test.js b/test/spec/directive-text-sample-test.js
index 5b1e694..fad52e5 100644
--- a/test/spec/directive-text-sample-test.js
+++ b/test/spec/directive-text-sample-test.js
@@ -1,34 +1,20 @@
 /*jshint undef: false */
 
 describe('Text directive with sample conf', function() {
-
-    var element, scope, controller, compile;
+    var element;
 
     beforeEach(function() {
         module('ncy-sample-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile, $controller) {
-        element = angular.element('<span ncy-breadcrumb-text="MyApp: {{ncyBreadcrumbChain}}"></span>');
-        compile = $compile(element);
-        scope = $rootScope.$new();
-        controller = $controller;
+    beforeEach(inject(function($rootScope, $compile) {
+        var elem = angular.element('<span ncy-breadcrumb-text="MyApp: {{ncyBreadcrumbChain}}"></span><div ui-view></div>');
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('interpolates "room.detail" label correctly', inject(function() {
         goToStateAndFlush('room.detail', {roomId: 3});
 
-        controller('RoomDetailCtrl', {'$scope' : scope} );
-        compile(scope);
-
-        expect(scope.room).toBeDefined();
-
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
-
         expect(element.text()).toBe('MyApp: Home / Sample / Rooms / Room 103');
     }));
-
 });
diff --git a/test/spec/directive-ui-sref-template-test.js b/test/spec/directive-ui-sref-template-test.js
index 83dc216..3dcbe08 100644
--- a/test/spec/directive-ui-sref-template-test.js
+++ b/test/spec/directive-ui-sref-template-test.js
@@ -2,26 +2,20 @@
 
 describe('Breadcrumb directive with ui-sref template', function() {
 
-    var element, scope;
+    var element;
 
     beforeEach(function() {
         module('ncy-ui-sref-template-conf');
     });
 
     beforeEach(inject(function($rootScope, $compile) {
-        element = angular.element('<div ncy-breadcrumb></div>');
-        var compile = $compile(element);
-        scope = $rootScope.$new();
-        compile(scope);
-        scope.$digest();
+        var elem = angular.element('<div ncy-breadcrumb></div><div ui-view></div>');
+        element = $compile(elem)($rootScope.$new());
     }));
 
     it('should work correctly', inject(function() {
         goToState('A.B');
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
+        
         expect(element.text()).toContain('State A');
         expect(element.text()).toContain('State B');
         expect(element.find('a').eq(0).attr('href')).toBe('#/a');
@@ -30,10 +24,6 @@ describe('Breadcrumb directive with ui-sref template', function() {
 
     it('should deal with url params correctly', inject(function() {
         goToState('J');
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
 
         expect(element.text()).toContain('State I');
         expect(element.text()).toContain('State J');
@@ -44,10 +34,6 @@ describe('Breadcrumb directive with ui-sref template', function() {
 
     it('should deal with url params correctly even with dynamic parent', inject(function() {
         goToState('K');
-        scope.$emit('$viewContentLoaded');
-        scope.$digest();
-
-        console.info('Directive content : ' + element.text());
 
         expect(element.text()).toContain('State I');
         expect(element.text()).toContain('State K');
diff --git a/test/spec/scope-compare-test.js b/test/spec/scope-compare-test.js
deleted file mode 100644
index 0c87f83..0000000
--- a/test/spec/scope-compare-test.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*jshint undef: false */
-
-describe('The scope', function() {
-
-    beforeEach(function() {
-        module('ncy-basic-conf');
-    });
-
-    it('00A is older than 001', function() {
-        expect(isAOlderThanB('00A', '001')).toBe(true);
-    });
-
-    it('010 is older than 00Y', function() {
-        expect(isAOlderThanB('010', '00Y')).toBe(true);
-    });
-
-    it('01P is older than 010', function() {
-        expect(isAOlderThanB('01P', '010')).toBe(true);
-    });
-
-    it('FOO is older than BAR', function() {
-        expect(isAOlderThanB('FOO', 'BAR')).toBe(true);
-    });
-
-    it('F00 is older than BAR', function() {
-        expect(isAOlderThanB('F00', 'BAR')).toBe(true);
-    });
-
-    it('0000 is older than ZZZ', function() {
-        expect(isAOlderThanB('0000', 'ZZZ')).toBe(true);
-    });
-
-    it('(newly created) is always older than the precedent one', inject(function($rootScope) {
-        var scope = $rootScope.$new();
-        for(var i = 0; i < 100000; i++) {
-            var newScope = $rootScope.$new();
-            var isOlder = isAOlderThanB(newScope.$id, scope.$id);
-            expect(isOlder).toBe(true);
-            if(!isOlder) {
-                console.log(newScope.$id, scope.$id, isOlder, i);
-                break;
-            }
-            scope = newScope;
-        }
-    }));
-
-});

From 055dc39b8ea785ed313260c1c161a75a3b0d4c95 Mon Sep 17 00:00:00 2001
From: Sam Woodward <sam@woodwardsoftware.co.uk>
Date: Fri, 29 Apr 2016 18:07:24 +0100
Subject: [PATCH 4/5] feat(parent): add injection and promise support to parent

---
 dist/angular-breadcrumb.js                 | 144 +++++++++++++--------
 dist/angular-breadcrumb.min.js             |   2 +-
 karma.conf.js                              |   1 +
 src/angular-breadcrumb.js                  | 144 +++++++++++++--------
 test/spec/directive-basic-test.js          |  16 ++-
 test/spec/service-abstract-test.js         |  93 +++++++------
 test/spec/service-basic-test.js            |  95 +++++++++-----
 test/spec/service-dynamic-parent-test.js   |  35 +++--
 test/spec/service-sample-test.js           |  74 +++++++----
 test/spec/service-ui-router-sample-test.js |  77 ++++++-----
 10 files changed, 431 insertions(+), 250 deletions(-)

diff --git a/dist/angular-breadcrumb.js b/dist/angular-breadcrumb.js
index f7ff51e..4e0adcf 100644
--- a/dist/angular-breadcrumb.js
+++ b/dist/angular-breadcrumb.js
@@ -48,7 +48,7 @@ function $Breadcrumb() {
         angular.extend($$options, options);
     };
 
-    this.$get = ['$state', '$stateParams', '$rootScope', function ($state, $stateParams, $rootScope) {
+    this.$get = ['$state', '$stateParams', '$rootScope', '$injector', '$q', function ($state, $stateParams, $rootScope, $injector, $q) {
         // Get the parent state
         var $$parentState = function (state) {
             // Check if state has explicit parent OR we try guess parent from its name
@@ -93,15 +93,23 @@ function $Breadcrumb() {
                 conf = $state.get(ref.state);
 
             if (conf.ncyBreadcrumb && conf.ncyBreadcrumb.parent) {
-                // Handle the "parent" property of the breadcrumb, override the parent/child relation of the state
-                var isFunction = typeof conf.ncyBreadcrumb.parent === 'function';
-                var parentStateRef = isFunction ? conf.ncyBreadcrumb.parent(getLastViewScope()) : conf.ncyBreadcrumb.parent;
+                var parentStateRef,
+                    locals,
+                    type = Object.prototype.toString.call(conf.ncyBreadcrumb.parent);
+                if (type === '[object Function]' ||
+                    type === '[object Array]') {
+                    locals = getLastViewLocals();
+                    parentStateRef = $injector.invoke(conf.ncyBreadcrumb.parent, null, locals);
+                } else {
+                    parentStateRef = conf.ncyBreadcrumb.parent;
+                }
+
                 if (parentStateRef) {
-                    return parentStateRef;
+                    return $q.when(parentStateRef);
                 }
             }
 
-            return $$parentState(conf);
+            return $q.when($$parentState(conf));
         };
 
         function getLastViewLocals() {
@@ -137,6 +145,22 @@ function $Breadcrumb() {
             return lastView.$scope || $rootScope;
         }
 
+        function buildChain(chain, stateRef, exitOnFirst) {
+            return $$breadcrumbParentState(stateRef).then(function (parent) {
+                if (!parent || (exitOnFirst && chain.length)) {
+                    return chain;
+                }
+                $$addStateInChain(chain, parent);
+                return buildChain(chain, parent);
+            });
+        }
+
+        function addPrefixState(chain) {
+            if ($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
+                $$addStateInChain(chain, $$options.prefixStateName);
+            }
+        }
+        
         return {
             getTemplate: function (templates) {
                 if ($$options.templateUrl) {
@@ -173,25 +197,28 @@ function $Breadcrumb() {
             getStatesChain: function (exitOnFirst) { // Deliberately undocumented param, see getLastStep
                 var chain = [];
 
-                // From current state to the root
-                for (var stateRef = $state.$current.self.name; stateRef; stateRef = $$breadcrumbParentState(stateRef)) {
-                    $$addStateInChain(chain, stateRef);
-                    if (exitOnFirst && chain.length) {
-                        return chain;
-                    }
+                if (!$state.$current.self.name) {
+                    addPrefixState(chain);
+                    return $q.when(chain);
                 }
 
-                // Prefix state treatment
-                if ($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
-                    $$addStateInChain(chain, $$options.prefixStateName);
+                $$addStateInChain(chain, $state.$current.self.name);
+                if (exitOnFirst && chain.length) {
+                    return $q.when(chain);
                 }
 
-                return chain;
+                var getChainPromise = buildChain(chain, $state.$current.self.name, exitOnFirst);
+
+                return $q.when(getChainPromise).then(function () {
+                    addPrefixState(chain);
+                    return chain;
+                });
             },
 
             getLastStep: function () {
-                var chain = this.getStatesChain(true);
-                return chain.length ? chain[0] : undefined;
+                return this.getStatesChain(true).then(function (chain) {
+                    return chain.length ? chain[0] : undefined;
+                });
             },
 
             $getLastViewScope: getLastViewScope,
@@ -265,24 +292,26 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
 
                     var viewScope = $breadcrumb.$getLastViewScope();
                     var locals = $breadcrumb.$getLastViewLocals();
-                    scope.steps = $breadcrumb.getStatesChain();
-                    angular.forEach(scope.steps, function (step) {
-                        if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                            var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
-                            if (type === '[object Function]' ||
-                                type === '[object Array]') {
-                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)).then(function (label) {
-                                    step.ncyBreadcrumbLabel = label;
-                                });
+                    $breadcrumb.getStatesChain().then(function (chain) {
+                        scope.steps = chain;
+                        angular.forEach(scope.steps, function (step) {
+                            if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
+                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    $q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)).then(function (label) {
+                                        step.ncyBreadcrumbLabel = label;
+                                    });
+                                } else {
+                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                    step.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                    // Watcher for further viewScope updates
+                                    registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                                }
                             } else {
-                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                step.ncyBreadcrumbLabel = parseLabel(viewScope);
-                                // Watcher for further viewScope updates
-                                registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                                step.ncyBreadcrumbLabel = step.name;
                             }
-                        } else {
-                            step.ncyBreadcrumbLabel = step.name;
-                        }
+                        });
                     });
                 };
 
@@ -328,8 +357,10 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
 
                         var viewScope = $breadcrumb.$getLastViewScope();
                         var locals = $breadcrumb.$getLastViewLocals();
-                        var lastStep = $breadcrumb.getLastStep();
-                        if (lastStep) {
+                        $breadcrumb.getLastStep().then(function (lastStep) {
+                            if (!lastStep) {
+                                return;
+                            }
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
                                 var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
@@ -348,7 +379,7 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                             } else {
                                 scope.ncyBreadcrumbLabel = lastStep.name;
                             }
-                        }
+                        });
                     };
 
                     registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
@@ -402,28 +433,29 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
 
                         var viewScope = $breadcrumb.$getLastViewScope();
                         var locals = $breadcrumb.$getLastViewLocals();
-                        var steps = $breadcrumb.getStatesChain();
-                        var combinedLabels = [];
-                        angular.forEach(steps, function (step) {
-                            if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
-                                if (type === '[object Function]' ||
-                                    type === '[object Array]') {
-                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)));
+                        $breadcrumb.getStatesChain().then(function (steps) {
+                            var combinedLabels = [];
+                            angular.forEach(steps, function (step) {
+                                if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
+                                    var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                    if (type === '[object Function]' ||
+                                        type === '[object Array]') {
+                                        combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)));
+                                    } else {
+                                        var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                        combinedLabels.push($q.when(parseLabel(viewScope)));
+                                        // Watcher for further viewScope updates
+                                        registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                    }
                                 } else {
-                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                    combinedLabels.push($q.when(parseLabel(viewScope)));
-                                    // Watcher for further viewScope updates
-                                    registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                    combinedLabels.push($q.when(step.name));
                                 }
-                            } else {
-                                combinedLabels.push($q.when(step.name));
-                            }
-                        });
+                            });
 
-                        scope.ncyBreadcrumbChain = [];
-                        $q.all(combinedLabels).then(function (labels) {
-                            scope.ncyBreadcrumbChain = labels.join(separator);
+                            scope.ncyBreadcrumbChain = [];
+                            $q.all(combinedLabels).then(function (labels) {
+                                scope.ncyBreadcrumbChain = labels.join(separator);
+                            });
                         });
                     };
 
diff --git a/dist/angular-breadcrumb.min.js b/dist/angular-breadcrumb.min.js
index 0369a0c..b25d526 100644
--- a/dist/angular-breadcrumb.min.js
+++ b/dist/angular-breadcrumb.min.js
@@ -1,4 +1,4 @@
 /*! angular-breadcrumb - v0.4.1-dev-2016-04-29
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
-!function(a,b,c){"use strict";function d(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function e(a){var b=0;for(var c in a)a.hasOwnProperty(c)&&b++;return b}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope",function(f,g,h){function i(){var a=f.$current,b=e(a.views);if(b){if(a.ncyBreadcrumb&&a.ncyBreadcrumb.mainView)return a.locals[a.ncyBreadcrumb.mainView];if(1===b){for(var c in a.views)if(a.views.hasOwnProperty(c))return a.locals[c]}else if(a.views["@"])return a.locals["@"];throw new Error("Multiple views found and mainView was not defined")}}function j(){var a=i();return a?a.$scope||h:h}var k=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},l=function(c,e){var h,i,k=d(e),l=!1,m=!1;h=b.copy(f.get(k.state)),h.ncyBreadcrumb&&(h.ncyBreadcrumb.force&&(l=!0),h.ncyBreadcrumb.skip&&(m=!0)),h["abstract"]&&!a.includeAbstract&&!l||m||(k.paramExpr&&(i=j().$eval(k.paramExpr)),h.ncyBreadcrumbLink=f.href(k.state,i||g||{}),h.ncyBreadcrumbStateRef=e,c.unshift(h))},m=function(a){var b=d(a),c=f.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var e="function"==typeof c.ncyBreadcrumb.parent,g=e?c.ncyBreadcrumb.parent(j()):c.ncyBreadcrumb.parent;if(g)return g}return k(c)};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(b){for(var c=[],d=f.$current.self.name;d;d=m(d))if(l(c,d),b&&c.length)return c;return!a.prefixStateName||c.length&&a.prefixStateName===c[0].name||l(c,a.prefixStateName),c},getLastStep:function(){var a=this.getStatesChain(!0);return a.length?a[0]:c},$getLastViewScope:j,$getLastViewLocals:i}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();h.steps=c.getStatesChain(),b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){b.ncyBreadcrumbLabel=a});else{var h=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=h(d),m(i,h,d,b)}}else b.ncyBreadcrumbLabel=b.name})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.$getLastViewLocals(),i=b.getLastStep();if(i)if(g.ncyBreadcrumbLink=i.ncyBreadcrumbLink,i.ncyBreadcrumb&&i.ncyBreadcrumb.label){var j=Object.prototype.toString.call(i.ncyBreadcrumb.label);if("[object Function]"===j||"[object Array]"===j)e.when(d.invoke(i.ncyBreadcrumb.label,null,f)).then(function(a){g.ncyBreadcrumbLabel=a});else{var k=a(i.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=k(c),m(h,k,c,g)}}else g.ncyBreadcrumbLabel=i.name};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(){i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals(),l=c.getStatesChain(),m=[];b.forEach(l,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)m.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,f)));else{var h=a(b.ncyBreadcrumb.label);m.push(g.when(h(d))),j(i,h,d)}}else m.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(m).then(function(a){h.ncyBreadcrumbChain=a.join(k)})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
+!function(a,b,c){"use strict";function d(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function e(a){var b=0;for(var c in a)a.hasOwnProperty(c)&&b++;return b}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope","$injector","$q",function(f,g,h,i,j){function k(){var a=f.$current,b=e(a.views);if(b){if(a.ncyBreadcrumb&&a.ncyBreadcrumb.mainView)return a.locals[a.ncyBreadcrumb.mainView];if(1===b){for(var c in a.views)if(a.views.hasOwnProperty(c))return a.locals[c]}else if(a.views["@"])return a.locals["@"];throw new Error("Multiple views found and mainView was not defined")}}function l(){var a=k();return a?a.$scope||h:h}function m(a,b,c){return q(b).then(function(b){return!b||c&&a.length?a:(p(a,b),m(a,b))})}function n(b){!a.prefixStateName||b.length&&a.prefixStateName===b[0].name||p(b,a.prefixStateName)}var o=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},p=function(c,e){var h,i,j=d(e),k=!1,m=!1;h=b.copy(f.get(j.state)),h.ncyBreadcrumb&&(h.ncyBreadcrumb.force&&(k=!0),h.ncyBreadcrumb.skip&&(m=!0)),h["abstract"]&&!a.includeAbstract&&!k||m||(j.paramExpr&&(i=l().$eval(j.paramExpr)),h.ncyBreadcrumbLink=f.href(j.state,i||g||{}),h.ncyBreadcrumbStateRef=e,c.unshift(h))},q=function(a){var b=d(a),c=f.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var e,g,h=Object.prototype.toString.call(c.ncyBreadcrumb.parent);if("[object Function]"===h||"[object Array]"===h?(g=k(),e=i.invoke(c.ncyBreadcrumb.parent,null,g)):e=c.ncyBreadcrumb.parent,e)return j.when(e)}return j.when(o(c))};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(a){var b=[];if(!f.$current.self.name)return n(b),j.when(b);if(p(b,f.$current.self.name),a&&b.length)return j.when(b);var c=m(b,f.$current.self.name,a);return j.when(c).then(function(){return n(b),b})},getLastStep:function(){return this.getStatesChain(!0).then(function(a){return a.length?a[0]:c})},$getLastViewScope:l,$getLastViewLocals:k}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();c.getStatesChain().then(function(c){h.steps=c,b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){b.ncyBreadcrumbLabel=a});else{var h=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=h(d),m(i,h,d,b)}}else b.ncyBreadcrumbLabel=b.name})})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.$getLastViewLocals();b.getLastStep().then(function(b){if(b)if(g.ncyBreadcrumbLink=b.ncyBreadcrumbLink,b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var i=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(b.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=b.name})};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(){i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();c.getStatesChain().then(function(c){var l=[];b.forEach(c,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,f)));else{var h=a(b.ncyBreadcrumb.label);l.push(g.when(h(d))),j(i,h,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
diff --git a/karma.conf.js b/karma.conf.js
index 899112b..b16337c 100644
--- a/karma.conf.js
+++ b/karma.conf.js
@@ -19,6 +19,7 @@ module.exports = function(config) {
       'bower_components/underscore/underscore.js',
       'src/angular-breadcrumb.js',
       'sample/app.js',
+      'sample/controllers/room_list.js',
       'sample/controllers/room_detail.js',
       'test/mock/**/*.js',
       'test/spec/**/*.js'
diff --git a/src/angular-breadcrumb.js b/src/angular-breadcrumb.js
index b6af338..5b7c64a 100644
--- a/src/angular-breadcrumb.js
+++ b/src/angular-breadcrumb.js
@@ -43,7 +43,7 @@ function $Breadcrumb() {
         angular.extend($$options, options);
     };
 
-    this.$get = ['$state', '$stateParams', '$rootScope', function ($state, $stateParams, $rootScope) {
+    this.$get = ['$state', '$stateParams', '$rootScope', '$injector', '$q', function ($state, $stateParams, $rootScope, $injector, $q) {
         // Get the parent state
         var $$parentState = function (state) {
             // Check if state has explicit parent OR we try guess parent from its name
@@ -88,15 +88,23 @@ function $Breadcrumb() {
                 conf = $state.get(ref.state);
 
             if (conf.ncyBreadcrumb && conf.ncyBreadcrumb.parent) {
-                // Handle the "parent" property of the breadcrumb, override the parent/child relation of the state
-                var isFunction = typeof conf.ncyBreadcrumb.parent === 'function';
-                var parentStateRef = isFunction ? conf.ncyBreadcrumb.parent(getLastViewScope()) : conf.ncyBreadcrumb.parent;
+                var parentStateRef,
+                    locals,
+                    type = Object.prototype.toString.call(conf.ncyBreadcrumb.parent);
+                if (type === '[object Function]' ||
+                    type === '[object Array]') {
+                    locals = getLastViewLocals();
+                    parentStateRef = $injector.invoke(conf.ncyBreadcrumb.parent, null, locals);
+                } else {
+                    parentStateRef = conf.ncyBreadcrumb.parent;
+                }
+
                 if (parentStateRef) {
-                    return parentStateRef;
+                    return $q.when(parentStateRef);
                 }
             }
 
-            return $$parentState(conf);
+            return $q.when($$parentState(conf));
         };
 
         function getLastViewLocals() {
@@ -132,6 +140,22 @@ function $Breadcrumb() {
             return lastView.$scope || $rootScope;
         }
 
+        function buildChain(chain, stateRef, exitOnFirst) {
+            return $$breadcrumbParentState(stateRef).then(function (parent) {
+                if (!parent || (exitOnFirst && chain.length)) {
+                    return chain;
+                }
+                $$addStateInChain(chain, parent);
+                return buildChain(chain, parent, exitOnFirst);
+            });
+        }
+
+        function addPrefixState(chain) {
+            if ($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
+                $$addStateInChain(chain, $$options.prefixStateName);
+            }
+        }
+
         return {
             getTemplate: function (templates) {
                 if ($$options.templateUrl) {
@@ -168,25 +192,28 @@ function $Breadcrumb() {
             getStatesChain: function (exitOnFirst) { // Deliberately undocumented param, see getLastStep
                 var chain = [];
 
-                // From current state to the root
-                for (var stateRef = $state.$current.self.name; stateRef; stateRef = $$breadcrumbParentState(stateRef)) {
-                    $$addStateInChain(chain, stateRef);
-                    if (exitOnFirst && chain.length) {
-                        return chain;
-                    }
+                if (!$state.$current.self.name) {
+                    addPrefixState(chain);
+                    return $q.when(chain);
                 }
 
-                // Prefix state treatment
-                if ($$options.prefixStateName && (!chain.length || $$options.prefixStateName !== chain[0].name)) {
-                    $$addStateInChain(chain, $$options.prefixStateName);
+                $$addStateInChain(chain, $state.$current.self.name);
+                if (exitOnFirst && chain.length) {
+                    return $q.when(chain);
                 }
 
-                return chain;
+                var getChainPromise = buildChain(chain, $state.$current.self.name, exitOnFirst);
+
+                return $q.when(getChainPromise).then(function () {
+                    addPrefixState(chain);
+                    return chain;
+                });
             },
 
             getLastStep: function () {
-                var chain = this.getStatesChain(true);
-                return chain.length ? chain[0] : undefined;
+                return this.getStatesChain(true).then(function (chain) {
+                    return chain.length ? chain[0] : undefined;
+                });
             },
 
             $getLastViewScope: getLastViewScope,
@@ -260,24 +287,26 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
 
                     var viewScope = $breadcrumb.$getLastViewScope();
                     var locals = $breadcrumb.$getLastViewLocals();
-                    scope.steps = $breadcrumb.getStatesChain();
-                    angular.forEach(scope.steps, function (step) {
-                        if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                            var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
-                            if (type === '[object Function]' ||
-                                type === '[object Array]') {
-                                $q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)).then(function (label) {
-                                    step.ncyBreadcrumbLabel = label;
-                                });
+                    $breadcrumb.getStatesChain().then(function (chain) {
+                        scope.steps = chain;
+                        angular.forEach(scope.steps, function (step) {
+                            if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
+                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                if (type === '[object Function]' ||
+                                    type === '[object Array]') {
+                                    $q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)).then(function (label) {
+                                        step.ncyBreadcrumbLabel = label;
+                                    });
+                                } else {
+                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                    step.ncyBreadcrumbLabel = parseLabel(viewScope);
+                                    // Watcher for further viewScope updates
+                                    registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                                }
                             } else {
-                                var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                step.ncyBreadcrumbLabel = parseLabel(viewScope);
-                                // Watcher for further viewScope updates
-                                registerWatchers(labelWatchers, parseLabel, viewScope, step);
+                                step.ncyBreadcrumbLabel = step.name;
                             }
-                        } else {
-                            step.ncyBreadcrumbLabel = step.name;
-                        }
+                        });
                     });
                 };
 
@@ -323,8 +352,10 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
 
                         var viewScope = $breadcrumb.$getLastViewScope();
                         var locals = $breadcrumb.$getLastViewLocals();
-                        var lastStep = $breadcrumb.getLastStep();
-                        if (lastStep) {
+                        $breadcrumb.getLastStep().then(function (lastStep) {
+                            if (!lastStep) {
+                                return;
+                            }
                             scope.ncyBreadcrumbLink = lastStep.ncyBreadcrumbLink;
                             if (lastStep.ncyBreadcrumb && lastStep.ncyBreadcrumb.label) {
                                 var type = Object.prototype.toString.call(lastStep.ncyBreadcrumb.label);
@@ -343,7 +374,7 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                             } else {
                                 scope.ncyBreadcrumbLabel = lastStep.name;
                             }
-                        }
+                        });
                     };
 
                     registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
@@ -397,28 +428,29 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
 
                         var viewScope = $breadcrumb.$getLastViewScope();
                         var locals = $breadcrumb.$getLastViewLocals();
-                        var steps = $breadcrumb.getStatesChain();
-                        var combinedLabels = [];
-                        angular.forEach(steps, function (step) {
-                            if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
-                                var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
-                                if (type === '[object Function]' ||
-                                    type === '[object Array]') {
-                                    combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)));
+                        $breadcrumb.getStatesChain().then(function (steps) {
+                            var combinedLabels = [];
+                            angular.forEach(steps, function (step) {
+                                if (step.ncyBreadcrumb && step.ncyBreadcrumb.label) {
+                                    var type = Object.prototype.toString.call(step.ncyBreadcrumb.label);
+                                    if (type === '[object Function]' ||
+                                        type === '[object Array]') {
+                                        combinedLabels.push($q.when($injector.invoke(step.ncyBreadcrumb.label, null, locals)));
+                                    } else {
+                                        var parseLabel = $interpolate(step.ncyBreadcrumb.label);
+                                        combinedLabels.push($q.when(parseLabel(viewScope)));
+                                        // Watcher for further viewScope updates
+                                        registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                    }
                                 } else {
-                                    var parseLabel = $interpolate(step.ncyBreadcrumb.label);
-                                    combinedLabels.push($q.when(parseLabel(viewScope)));
-                                    // Watcher for further viewScope updates
-                                    registerWatchersText(labelWatchers, parseLabel, viewScope);
+                                    combinedLabels.push($q.when(step.name));
                                 }
-                            } else {
-                                combinedLabels.push($q.when(step.name));
-                            }
-                        });
+                            });
 
-                        scope.ncyBreadcrumbChain = [];
-                        $q.all(combinedLabels).then(function (labels) {
-                            scope.ncyBreadcrumbChain = labels.join(separator);
+                            scope.ncyBreadcrumbChain = [];
+                            $q.all(combinedLabels).then(function (labels) {
+                                scope.ncyBreadcrumbChain = labels.join(separator);
+                            });
                         });
                     };
 
diff --git a/test/spec/directive-basic-test.js b/test/spec/directive-basic-test.js
index 09b1ec2..90bd8e0 100644
--- a/test/spec/directive-basic-test.js
+++ b/test/spec/directive-basic-test.js
@@ -1,20 +1,22 @@
 /*jshint undef: false */
 
-describe('Breadcrumb directive with basic conf', function() {
+describe('Breadcrumb directive with basic conf', function () {
 
-    var element;
+    var element, $rootScope;
 
-    beforeEach(function() {
+    beforeEach(function () {
         module('ncy-basic-conf');
     });
 
-    beforeEach(inject(function($rootScope, $compile) {
+    beforeEach(inject(function (_$rootScope_, $compile) {
         var elem = angular.element('<ncy-breadcrumb></ncy-breadcrumb><div ui-view></div>');
+        $rootScope = _$rootScope_;
         element = $compile(elem)($rootScope.$new());
     }));
 
-    it('renders the correct state chain', inject(function() {
+    it('renders the correct state chain', inject(function () {
         goToState('D');
+        $rootScope.$digest();
 
         expect(element.text()).toContain('State A');
         expect(element.text()).toContain('State B');
@@ -29,9 +31,9 @@ describe('Breadcrumb directive with basic conf', function() {
         expect(element.find('a').eq(2).attr('href')).toBe('#/a/b/c');
     }));
 
-    it('should work with one state', inject(function() {
+    it('should work with one state', inject(function () {
         goToState('A');
-        
+
         expect(element.text()).toContain('State A');
 
         expect(element.children().length).toBe(1);
diff --git a/test/spec/service-abstract-test.js b/test/spec/service-abstract-test.js
index 2ce250d..e29588c 100644
--- a/test/spec/service-abstract-test.js
+++ b/test/spec/service-abstract-test.js
@@ -1,77 +1,98 @@
 /*jshint undef: false */
 
-describe('Service with abstract conf', function() {
+describe('Service with abstract conf', function () {
 
-    describe('with default options', function() {
-
-        beforeEach(function() {
+    describe('with default options', function () {
+        var $rootScope;
+        
+        beforeEach(function () {
             module('ncy-abstract-conf');
         });
+        
+        beforeEach(inject(function (_$rootScope_) {
+            $rootScope = _$rootScope_;
+        }));
 
-        it('should have a 2-step route to C state', inject(function($breadcrumb) {
+        it('should have a 2-step route to C state', inject(function ($breadcrumb) {
             goToState('A.B.C');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('A.B --> A.B.C');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('A.B --> A.B.C');
+            });
+            $rootScope.$digest();
         }));
 
-        it('should have a 2-step route to F state', inject(function($breadcrumb) {
+        it('should have a 2-step route to F state', inject(function ($breadcrumb) {
             goToState('D.E.F');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('D --> D.E.F');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('D --> D.E.F');
+            });
+            $rootScope.$digest();
         }));
 
-        it('should return a one step chain to G.H', inject(function($breadcrumb) {
+        it('should return a one step chain to G.H', inject(function ($breadcrumb) {
             goToState('G.H');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('G.H');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('G.H');
+            });
+            $rootScope.$digest();
         }));
 
-        it('should return a two step route to I.J', inject(function($breadcrumb) {
+        it('should return a two step route to I.J', inject(function ($breadcrumb) {
             goToState('I.J');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('I --> I.J');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('I --> I.J');
+            });
+            $rootScope.$digest();
         }));
 
-        it('should return a one step chain to K.L', inject(function($breadcrumb) {
+        it('should return a one step chain to K.L', inject(function ($breadcrumb) {
             goToState('K.L');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('K.L');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('K.L');
+            });
+            $rootScope.$digest();
         }));
     });
 
-    describe('with abstract state inclusion', function() {
+    describe('with abstract state inclusion', function () {
+        var $rootScope;
 
-        beforeEach(function() {
+        beforeEach(function () {
             angular.module('ncy-abstract-conf')
-                .config(function($breadcrumbProvider) {
+                .config(function ($breadcrumbProvider) {
                     $breadcrumbProvider.setOptions({
                         includeAbstract: true
                     });
                 });
             module('ncy-abstract-conf');
         });
+        
+        beforeEach(inject(function (_$rootScope_) {
+            $rootScope = _$rootScope_;
+        }));
 
-        it('should have a 3-step route to C state', inject(function($breadcrumb) {
+        it('should have a 3-step route to C state', inject(function ($breadcrumb) {
             goToState('A.B.C');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C');
+            });
+            $rootScope.$digest();
         }));
 
-        it('should have a 3-step route to F state', inject(function($breadcrumb) {
+        it('should have a 3-step route to F state', inject(function ($breadcrumb) {
             goToState('D.E.F');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('D --> D.E --> D.E.F');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('D --> D.E --> D.E.F');
+            });
+            $rootScope.$digest();
         }));
 
-        it('should still return a one step chain to G.H (state-level option skip is priority)', inject(function($breadcrumb) {
+        it('should still return a one step chain to G.H (state-level option skip is priority)', inject(function ($breadcrumb) {
             goToState('G.H');
-            var statesChain = $breadcrumb.getStatesChain();
-            expect(stringifyStateChain(statesChain)).toBe('G.H');
+            $breadcrumb.getStatesChain().then(function (statesChain) {
+                expect(stringifyStateChain(statesChain)).toBe('G.H');
+            });
+            $rootScope.$digest();
         }));
     });
-
-
-
-
-
 });
diff --git a/test/spec/service-basic-test.js b/test/spec/service-basic-test.js
index ab8587d..345845d 100644
--- a/test/spec/service-basic-test.js
+++ b/test/spec/service-basic-test.js
@@ -1,6 +1,7 @@
 /*jshint undef: false */
 
 describe('Service with basic conf', function() {
+    var $rootScope;
 
     beforeEach(function() {
         module('ncy-basic-conf');
@@ -10,70 +11,106 @@ describe('Service with basic conf', function() {
         expect($breadcrumb).toBeDefined();
     }));
 
+    beforeEach(inject(function (_$rootScope_) {
+        $rootScope = _$rootScope_;
+    }));
+
     it('should have a 3-step route to C state', inject(function($breadcrumb) {
         goToState('A.B.C');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('A.B.C');
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('A.B.C');
+        });
+
+        $rootScope.$digest();
     }));
 
     it('should work also with "parent" state\'s property', inject(function($breadcrumb) {
         goToState('D');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C --> D');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C --> D');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('D');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('D');
+        $rootScope.$digest();
     }));
 
     it('must build a correct link for each steps', inject(function($breadcrumb) {
         goToState('D');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(statesChain[0].ncyBreadcrumbLink).toBe('#/a');
-        expect(statesChain[1].ncyBreadcrumbLink).toBe('#/a/b');
-        expect(statesChain[2].ncyBreadcrumbLink).toBe('#/a/b/c');
-        expect(statesChain[3].ncyBreadcrumbLink).toBe('#/a/b/c/d');
+
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(statesChain[0].ncyBreadcrumbLink).toBe('#/a');
+            expect(statesChain[1].ncyBreadcrumbLink).toBe('#/a/b');
+            expect(statesChain[2].ncyBreadcrumbLink).toBe('#/a/b/c');
+            expect(statesChain[3].ncyBreadcrumbLink).toBe('#/a/b/c/d');
+        });
+
+        $rootScope.$digest();
     }));
 
     it('should expose the state conf', inject(function($breadcrumb) {
         goToState('A.B');
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.ncyBreadcrumbStateRef).toBe('A.B');
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.ncyBreadcrumbStateRef).toBe('A.B');
+        });
+
+        $rootScope.$digest();
     }));
 
     it('should not return the step for E state', inject(function($breadcrumb) {
         goToState('D.E');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C --> D');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C --> D');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('D');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('D');
+        $rootScope.$digest();
     }));
 
     it('should have a 5-step route to F state (E skipped)', inject(function($breadcrumb) {
         goToState('D.E.F');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C --> D --> D.E.F');
+
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> A.B.C --> D --> D.E.F');
+        });
+
+        $rootScope.$digest();
     }));
 
     it('should return an empty array for skipped G', inject(function($breadcrumb) {
         goToState('G');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep).toBeUndefined();
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep).toBeUndefined();
+        $rootScope.$digest();
     }));
 
     it('should return a one step chain to G.H', inject(function($breadcrumb) {
         goToState('G.H');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('G.H');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('G.H');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('G.H');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('G.H');
+        $rootScope.$digest();
     }));
 
 });
diff --git a/test/spec/service-dynamic-parent-test.js b/test/spec/service-dynamic-parent-test.js
index f285cf6..7e86e32 100644
--- a/test/spec/service-dynamic-parent-test.js
+++ b/test/spec/service-dynamic-parent-test.js
@@ -1,6 +1,7 @@
 /*jshint undef: false */
 
 describe('Service with dynamic parent conf', function() {
+    var $rootScope;
 
     beforeEach(function() {
         module('ncy-dynamic-parent-conf');
@@ -10,25 +11,41 @@ describe('Service with dynamic parent conf', function() {
         expect($breadcrumb).toBeDefined();
     }));
 
+    beforeEach(inject(function (_$rootScope_) {
+        $rootScope = _$rootScope_;
+    }));
+
     it('should use the custom breadcrumb\'s parent property for D.E.F (a string)', inject(function($breadcrumb) {
         goToState('D.E.F');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> D.E.F');
+        
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('A --> A.B --> D.E.F');
+        });
+        
+        $rootScope.$digest();
     }));
 
     it('should use the custom breadcrumb\'s parent property for D.E.G (a function)', inject(function($breadcrumb) {
         goToState('D.E.G');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('A --> D.E.G');
+        
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('A --> D.E.G');
+        });
+        
+        $rootScope.$digest();
     }));
 
     it('should deals with url params correctly', inject(function($breadcrumb) {
         goToState('J');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(stringifyStateChain(statesChain)).toBe('I --> J');
-        expect(statesChain[0].name).toBe('I');
-        expect(statesChain[0].ncyBreadcrumbLink).toBe('#/i/love/you');
-        expect(statesChain[0].ncyBreadcrumbStateRef).toBe('I({x: \'love\', y: \'you\'})');
+        
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('I --> J');
+            expect(statesChain[0].name).toBe('I');
+            expect(statesChain[0].ncyBreadcrumbLink).toBe('#/i/love/you');
+            expect(statesChain[0].ncyBreadcrumbStateRef).toBe('I({x: \'love\', y: \'you\'})');
+        });
+        
+        $rootScope.$digest();
     }));
 
 });
diff --git a/test/spec/service-sample-test.js b/test/spec/service-sample-test.js
index 8c5d8c2..22a19ca 100644
--- a/test/spec/service-sample-test.js
+++ b/test/spec/service-sample-test.js
@@ -1,54 +1,76 @@
 /*jshint undef: false */
 
-describe('Service with sample conf', function() {
+describe('Service with sample conf', function () {
+    var $rootScope;
 
-    beforeEach(function() {
+    beforeEach(function () {
         module('ncy-sample-conf');
     });
 
-    it('generate a unique step for the "home" state', inject(function($breadcrumb) {
+    beforeEach(inject(function (_$rootScope_, $compile) {
+        var elem = angular.element('<div ui-view></div>');
+        $rootScope = _$rootScope_;
+        $compile(elem)($rootScope.$new());
+    }));
+
+    it('generate a unique step for the "home" state', inject(function ($breadcrumb) {
         goToStateAndFlush('home');
-        var statesChain = $breadcrumb.getStatesChain();
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home');
+        });
 
-        expect(stringifyStateChain(statesChain)).toBe('home');
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('home');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('home');
+        $rootScope.$digest();
     }));
 
-    it('generate three steps for the "room" state', inject(function($breadcrumb) {
+    it('generate three steps for the "room" state', inject(function ($breadcrumb) {
         goToStateAndFlush('room');
-        var statesChain = $breadcrumb.getStatesChain();
+        
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> sample --> room');
+        });
 
-        expect(stringifyStateChain(statesChain)).toBe('home --> sample --> room');
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('room');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('room');
+        $rootScope.$digest();
     }));
 
-    it('generate four steps for the "room.detail" state', inject(function($breadcrumb) {
+    it('generate four steps for the "room.detail" state', inject(function ($breadcrumb) {
         goToStateAndFlush('room.detail', {roomId: 1});
-        var statesChain = $breadcrumb.getStatesChain();
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> sample --> room --> room.detail');
+        });
 
-        expect(stringifyStateChain(statesChain)).toBe('home --> sample --> room --> room.detail');
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('room.detail');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('room.detail');
+        $rootScope.$digest();
     }));
 
-    it('generate four steps for the "room.detail.edit" state with working links', inject(function($breadcrumb) {
+    it('generate four steps for the "room.detail.edit" state with working links', inject(function ($breadcrumb) {
         goToStateAndFlush('room.detail.edit', {roomId: 1});
-        var statesChain = $breadcrumb.getStatesChain();
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> sample --> room --> room.detail --> room.detail.edit');
+            expect(statesChain[3].ncyBreadcrumbLink).toBe('#/room/1');
+            expect(statesChain[4].ncyBreadcrumbLink).toBe('#/room/1/edit');
+        });
 
-        expect(stringifyStateChain(statesChain)).toBe('home --> sample --> room --> room.detail --> room.detail.edit');
-        expect(statesChain[3].ncyBreadcrumbLink).toBe('#/room/1');
-        expect(statesChain[4].ncyBreadcrumbLink).toBe('#/room/1/edit');
+        $rootScope.$digest();
     }));
 
-    it('must build a correct link for each steps', inject(function($breadcrumb) {
+    it('must build a correct link for each steps', inject(function ($breadcrumb) {
         goToStateAndFlush('room');
-        var statesChain = $breadcrumb.getStatesChain();
-        expect(statesChain[0].ncyBreadcrumbLink).toBe('#/home');
-        expect(statesChain[1].ncyBreadcrumbLink).toBe('#/sample');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(statesChain[0].ncyBreadcrumbLink).toBe('#/home');
+            expect(statesChain[1].ncyBreadcrumbLink).toBe('#/sample');
+        });
+
+        $rootScope.$digest();
     }));
 });
diff --git a/test/spec/service-ui-router-sample-test.js b/test/spec/service-ui-router-sample-test.js
index 479b6af..8ee586e 100644
--- a/test/spec/service-ui-router-sample-test.js
+++ b/test/spec/service-ui-router-sample-test.js
@@ -1,60 +1,77 @@
 /*jshint undef: false */
 
 describe('Service with ui-router\'s sample conf', function() {
+    var $rootScope;
 
     beforeEach(function() {
         module('ncy-ui-router-conf');
     });
 
+    beforeEach(inject(function (_$rootScope_) {
+        $rootScope = _$rootScope_;
+    }));
+
     it('generate a unique step for the "home" state', inject(function($breadcrumb) {
         goToState('home');
-        var statesChain = $breadcrumb.getStatesChain();
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home');
+        });
 
-        expect(stringifyStateChain(statesChain)).toBe('home');
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('home');
+        });
 
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('home');
+        $rootScope.$digest();
     }));
 
     it('generate two steps for the "contacts.list" state', inject(function($breadcrumb) {
         goToStateAndFlush('contacts.list');
-        var statesChain = $breadcrumb.getStatesChain();
-
-        expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list');
-
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('contacts.list');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('contacts.list');
+        });
+        
+        $rootScope.$digest();
     }));
 
     it('generate three steps for the "contacts.detail" state', inject(function($breadcrumb) {
         goToStateAndFlush('contacts.detail', {contactId: 42});
-        var statesChain = $breadcrumb.getStatesChain();
-
-        expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list --> contacts.detail');
-
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('contacts.detail');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list --> contacts.detail');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('contacts.detail');
+        });
+        
+        $rootScope.$digest();
     }));
 
     it('generate four steps for the "contacts.detail.item" state', inject(function($breadcrumb) {
         goToStateAndFlush('contacts.detail.item', {contactId: 42, itemId: "a"});
-        var statesChain = $breadcrumb.getStatesChain();
-
-        expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list --> contacts.detail --> contacts.detail.item');
-
-
-        var lastStep = $breadcrumb.getLastStep();
-        expect(lastStep.name).toBe('contacts.detail.item');
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list --> contacts.detail --> contacts.detail.item');
+        });
+
+        $breadcrumb.getLastStep().then(function (lastStep) {
+            expect(lastStep.name).toBe('contacts.detail.item');
+        });
+        
+        $rootScope.$digest();
     }));
 
     it('generate five steps for the "contacts.detail.item.edit" state with working links', inject(function($breadcrumb) {
         goToStateAndFlush('contacts.detail.item.edit', {contactId: 42, itemId: "a"});
-        var statesChain = $breadcrumb.getStatesChain();
-
-        expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list --> contacts.detail --> contacts.detail.item --> contacts.detail.item.edit');
-        expect(statesChain[2].ncyBreadcrumbLink).toBe('#/contacts/42');
-        expect(statesChain[3].ncyBreadcrumbLink).toBe('#/contacts/42/item/a');
-        expect(statesChain[4].ncyBreadcrumbLink).toBe('#/contacts/42/item/a'); // (state with no URL)
+        $breadcrumb.getStatesChain().then(function (statesChain) {
+            expect(stringifyStateChain(statesChain)).toBe('home --> contacts.list --> contacts.detail --> contacts.detail.item --> contacts.detail.item.edit');
+            expect(statesChain[2].ncyBreadcrumbLink).toBe('#/contacts/42');
+            expect(statesChain[3].ncyBreadcrumbLink).toBe('#/contacts/42/item/a');
+            expect(statesChain[4].ncyBreadcrumbLink).toBe('#/contacts/42/item/a'); // (state with no URL)
+        });
+        
+        $rootScope.$digest();
     }));
-
 });

From 17e101d4a566cf744e7b93152a50ff60f5f82511 Mon Sep 17 00:00:00 2001
From: Sam Woodward <sam@woodwardsoftware.co.uk>
Date: Tue, 3 May 2016 17:48:44 +0100
Subject: [PATCH 5/5] fix(directives): prevent breadcrumb rendering multiple 
 times

---
 dist/angular-breadcrumb.js     | 27 ++++++++++++++++++---------
 dist/angular-breadcrumb.min.js |  4 ++--
 src/angular-breadcrumb.js      | 21 +++++++++++++++------
 3 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/dist/angular-breadcrumb.js b/dist/angular-breadcrumb.js
index 4e0adcf..2a26666 100644
--- a/dist/angular-breadcrumb.js
+++ b/dist/angular-breadcrumb.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1-dev-2016-04-29
+/*! angular-breadcrumb - v0.4.1-dev-2016-05-03
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
 
@@ -151,7 +151,7 @@ function $Breadcrumb() {
                     return chain;
                 }
                 $$addStateInChain(chain, parent);
-                return buildChain(chain, parent);
+                return buildChain(chain, parent, exitOnFirst);
             });
         }
 
@@ -160,7 +160,7 @@ function $Breadcrumb() {
                 $$addStateInChain(chain, $$options.prefixStateName);
             }
         }
-        
+
         return {
             getTemplate: function (templates) {
                 if ($$options.templateUrl) {
@@ -315,8 +315,11 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
                     });
                 };
 
-                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
-                    renderBreadcrumb();
+                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
+                    var viewScope = $breadcrumb.$getLastViewScope();
+                    if ($rootScope === viewScope || event.targetScope === viewScope) {
+                        renderBreadcrumb();
+                    }
                 });
 
                 // View(s) may be already loaded while the directive's linking
@@ -382,8 +385,11 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
-                        renderLabel();
+                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
+                        var viewScope = $breadcrumb.$getLastViewScope();
+                        if ($rootScope === viewScope || event.targetScope === viewScope) {
+                            renderLabel();
+                        }
                     });
 
                     // View(s) may be already loaded while the directive's linking
@@ -459,8 +465,11 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
-                        renderLabel();
+                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
+                        var viewScope = $breadcrumb.$getLastViewScope();
+                        if ($rootScope === viewScope || event.targetScope === viewScope) {
+                            renderLabel();
+                        }
                     });
 
                     // View(s) may be already loaded while the directive's linking
diff --git a/dist/angular-breadcrumb.min.js b/dist/angular-breadcrumb.min.js
index b25d526..63f62d8 100644
--- a/dist/angular-breadcrumb.min.js
+++ b/dist/angular-breadcrumb.min.js
@@ -1,4 +1,4 @@
-/*! angular-breadcrumb - v0.4.1-dev-2016-04-29
+/*! angular-breadcrumb - v0.4.1-dev-2016-05-03
 * http://ncuillery.github.io/angular-breadcrumb
 * Copyright (c) 2016 Nicolas Cuillery; Licensed MIT */
-!function(a,b,c){"use strict";function d(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function e(a){var b=0;for(var c in a)a.hasOwnProperty(c)&&b++;return b}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope","$injector","$q",function(f,g,h,i,j){function k(){var a=f.$current,b=e(a.views);if(b){if(a.ncyBreadcrumb&&a.ncyBreadcrumb.mainView)return a.locals[a.ncyBreadcrumb.mainView];if(1===b){for(var c in a.views)if(a.views.hasOwnProperty(c))return a.locals[c]}else if(a.views["@"])return a.locals["@"];throw new Error("Multiple views found and mainView was not defined")}}function l(){var a=k();return a?a.$scope||h:h}function m(a,b,c){return q(b).then(function(b){return!b||c&&a.length?a:(p(a,b),m(a,b))})}function n(b){!a.prefixStateName||b.length&&a.prefixStateName===b[0].name||p(b,a.prefixStateName)}var o=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},p=function(c,e){var h,i,j=d(e),k=!1,m=!1;h=b.copy(f.get(j.state)),h.ncyBreadcrumb&&(h.ncyBreadcrumb.force&&(k=!0),h.ncyBreadcrumb.skip&&(m=!0)),h["abstract"]&&!a.includeAbstract&&!k||m||(j.paramExpr&&(i=l().$eval(j.paramExpr)),h.ncyBreadcrumbLink=f.href(j.state,i||g||{}),h.ncyBreadcrumbStateRef=e,c.unshift(h))},q=function(a){var b=d(a),c=f.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var e,g,h=Object.prototype.toString.call(c.ncyBreadcrumb.parent);if("[object Function]"===h||"[object Array]"===h?(g=k(),e=i.invoke(c.ncyBreadcrumb.parent,null,g)):e=c.ncyBreadcrumb.parent,e)return j.when(e)}return j.when(o(c))};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(a){var b=[];if(!f.$current.self.name)return n(b),j.when(b);if(p(b,f.$current.self.name),a&&b.length)return j.when(b);var c=m(b,f.$current.self.name,a);return j.when(c).then(function(){return n(b),b})},getLastStep:function(){return this.getStatesChain(!0).then(function(a){return a.length?a[0]:c})},$getLastViewScope:l,$getLastViewLocals:k}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();c.getStatesChain().then(function(c){h.steps=c,b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){b.ncyBreadcrumbLabel=a});else{var h=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=h(d),m(i,h,d,b)}}else b.ncyBreadcrumbLabel=b.name})})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.$getLastViewLocals();b.getLastStep().then(function(b){if(b)if(g.ncyBreadcrumbLink=b.ncyBreadcrumbLink,b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var i=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(b.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=b.name})};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(){i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();c.getStatesChain().then(function(c){var l=[];b.forEach(c,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,f)));else{var h=a(b.ncyBreadcrumb.label);l.push(g.when(h(d))),j(i,h,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(){m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
+!function(a,b,c){"use strict";function d(a){var b=a.replace(/\n/g," ").match(/^([^(]+?)\s*(\((.*)\))?$/);if(!b||4!==b.length)throw new Error("Invalid state ref '"+a+"'");return{state:b[1],paramExpr:b[3]||null}}function e(a){var b=0;for(var c in a)a.hasOwnProperty(c)&&b++;return b}function f(a,b,d,e){var f=k[a];f!==c&&f(),f=b.$on(d,e),k[a]=f}function g(){var a={prefixStateName:null,template:"bootstrap3",templateUrl:null,templateLast:"default",templateLastUrl:null,includeAbstract:!1};this.setOptions=function(c){b.extend(a,c)},this.$get=["$state","$stateParams","$rootScope","$injector","$q",function(f,g,h,i,j){function k(){var a=f.$current,b=e(a.views);if(b){if(a.ncyBreadcrumb&&a.ncyBreadcrumb.mainView)return a.locals[a.ncyBreadcrumb.mainView];if(1===b){for(var c in a.views)if(a.views.hasOwnProperty(c))return a.locals[c]}else if(a.views["@"])return a.locals["@"];throw new Error("Multiple views found and mainView was not defined")}}function l(){var a=k();return a?a.$scope||h:h}function m(a,b,c){return q(b).then(function(b){return!b||c&&a.length?a:(p(a,b),m(a,b,c))})}function n(b){!a.prefixStateName||b.length&&a.prefixStateName===b[0].name||p(b,a.prefixStateName)}var o=function(a){var b=a.parent||(/^(.+)\.[^.]+$/.exec(a.name)||[])[1],c="object"==typeof b;return c?b.name:b},p=function(c,e){var h,i,j=d(e),k=!1,m=!1;h=b.copy(f.get(j.state)),h.ncyBreadcrumb&&(h.ncyBreadcrumb.force&&(k=!0),h.ncyBreadcrumb.skip&&(m=!0)),h["abstract"]&&!a.includeAbstract&&!k||m||(j.paramExpr&&(i=l().$eval(j.paramExpr)),h.ncyBreadcrumbLink=f.href(j.state,i||g||{}),h.ncyBreadcrumbStateRef=e,c.unshift(h))},q=function(a){var b=d(a),c=f.get(b.state);if(c.ncyBreadcrumb&&c.ncyBreadcrumb.parent){var e,g,h=Object.prototype.toString.call(c.ncyBreadcrumb.parent);if("[object Function]"===h||"[object Array]"===h?(g=k(),e=i.invoke(c.ncyBreadcrumb.parent,null,g)):e=c.ncyBreadcrumb.parent,e)return j.when(e)}return j.when(o(c))};return{getTemplate:function(b){return a.templateUrl?null:b[a.template]?b[a.template]:a.template},getTemplateUrl:function(){return a.templateUrl},getTemplateLast:function(b){return a.templateLastUrl?null:b[a.templateLast]?b[a.templateLast]:a.templateLast},getTemplateLastUrl:function(){return a.templateLastUrl},getStatesChain:function(a){var b=[];if(!f.$current.self.name)return n(b),j.when(b);if(p(b,f.$current.self.name),a&&b.length)return j.when(b);var c=m(b,f.$current.self.name,a);return j.when(c).then(function(){return n(b),b})},getLastStep:function(){return this.getStatesChain(!0).then(function(a){return a.length?a[0]:c})},$getLastViewScope:l,$getLastViewLocals:k}}]}function h(a,c,d,e,g){var h={bootstrap2:'<ul class="breadcrumb"><li ng-repeat="step in steps" ng-switch="$last || !!step.abstract" ng-class="{active: $last}"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span><span class="divider" ng-hide="$last">/</span></li></ul>',bootstrap3:'<ol class="breadcrumb"><li ng-repeat="step in steps" ng-class="{active: $last}" ng-switch="$last || !!step.abstract"><a ng-switch-when="false" href="{{step.ncyBreadcrumbLink}}">{{step.ncyBreadcrumbLabel}}</a><span ng-switch-when="true">{{step.ncyBreadcrumbLabel}}</span></li></ol>'};return{restrict:"AE",replace:!0,scope:{},template:c.getTemplate(h),templateUrl:c.getTemplateUrl(),link:{post:function(h){var i=[],j=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();c.getStatesChain().then(function(c){h.steps=c,b.forEach(h.steps,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)g.when(e.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){b.ncyBreadcrumbLabel=a});else{var h=a(b.ncyBreadcrumb.label);b.ncyBreadcrumbLabel=h(d),m(i,h,d,b)}}else b.ncyBreadcrumbLabel=b.name})})};f("BreadcrumbDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){var b=c.$getLastViewScope();(d===b||a.targetScope===b)&&j()}),j()}}}}function i(a,b,c,d,e){var g={"default":"{{ncyBreadcrumbLabel}}"};return{restrict:"A",scope:{},template:b.getTemplateLast(g),templateUrl:b.getTemplateLastUrl(),compile:function(g,h){var i=g.attr(h.$attr.ncyBreadcrumbLast);return i&&g.html(i),{post:function(g){var h=[],i=function(){n(h),h=[];var c=b.$getLastViewScope(),f=b.$getLastViewLocals();b.getLastStep().then(function(b){if(b)if(g.ncyBreadcrumbLink=b.ncyBreadcrumbLink,b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var i=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===i||"[object Array]"===i)e.when(d.invoke(b.ncyBreadcrumb.label,null,f)).then(function(a){g.ncyBreadcrumbLabel=a});else{var j=a(b.ncyBreadcrumb.label);g.ncyBreadcrumbLabel=j(c),m(h,j,c,g)}}else g.ncyBreadcrumbLabel=b.name})};f("BreadcrumbLastDirective.$viewContentLoaded",c,"$viewContentLoaded",function(a){var d=b.$getLastViewScope();(c===d||a.targetScope===d)&&i()}),i()}}}}}function j(a,c,d,e,g){return{restrict:"A",scope:{},template:"{{ncyBreadcrumbChain}}",compile:function(h,i){var j=h.attr(i.$attr.ncyBreadcrumbText);j&&h.html(j);var k=h.attr(i.$attr.ncyBreadcrumbTextSeparator)||" / ";return{post:function(h){var i=[],j=function(a,c,d){b.forEach(l(c),function(b){var c=d.$watch(b,function(a,b){a!==b&&m()});a.push(c)})},m=function(){n(i),i=[];var d=c.$getLastViewScope(),f=c.$getLastViewLocals();c.getStatesChain().then(function(c){var l=[];b.forEach(c,function(b){if(b.ncyBreadcrumb&&b.ncyBreadcrumb.label){var c=Object.prototype.toString.call(b.ncyBreadcrumb.label);if("[object Function]"===c||"[object Array]"===c)l.push(g.when(e.invoke(b.ncyBreadcrumb.label,null,f)));else{var h=a(b.ncyBreadcrumb.label);l.push(g.when(h(d))),j(i,h,d)}}else l.push(g.when(b.name))}),h.ncyBreadcrumbChain=[],g.all(l).then(function(a){h.ncyBreadcrumbChain=a.join(k)})})};f("BreadcrumbTextDirective.$viewContentLoaded",d,"$viewContentLoaded",function(a){var b=c.$getLastViewScope();(d===b||a.targetScope===b)&&m()}),m()}}}}}var k={},l=function(a){if(a.expressions)return a.expressions;var c=[];return b.forEach(a.parts,function(a){b.isFunction(a)&&c.push(a.exp)}),c},m=function(a,c,d,e){b.forEach(l(c),function(b){var f=d.$watch(b,function(){e.ncyBreadcrumbLabel=c(d)});a.push(f)})},n=function(a){b.forEach(a,function(a){a()})};h.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],i.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],j.$inject=["$interpolate","$breadcrumb","$rootScope","$injector","$q"],b.module("ncy-angular-breadcrumb",["ui.router.state"]).provider("$breadcrumb",g).directive("ncyBreadcrumb",h).directive("ncyBreadcrumbLast",i).directive("ncyBreadcrumbText",j)}(window,window.angular);
\ No newline at end of file
diff --git a/src/angular-breadcrumb.js b/src/angular-breadcrumb.js
index 5b7c64a..bbe27b9 100644
--- a/src/angular-breadcrumb.js
+++ b/src/angular-breadcrumb.js
@@ -310,8 +310,11 @@ function BreadcrumbDirective($interpolate, $breadcrumb, $rootScope, $injector, $
                     });
                 };
 
-                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
-                    renderBreadcrumb();
+                registerListenerOnce('BreadcrumbDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
+                    var viewScope = $breadcrumb.$getLastViewScope();
+                    if ($rootScope === viewScope || event.targetScope === viewScope) {
+                        renderBreadcrumb();
+                    }
                 });
 
                 // View(s) may be already loaded while the directive's linking
@@ -377,8 +380,11 @@ function BreadcrumbLastDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
-                        renderLabel();
+                    registerListenerOnce('BreadcrumbLastDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
+                        var viewScope = $breadcrumb.$getLastViewScope();
+                        if ($rootScope === viewScope || event.targetScope === viewScope) {
+                            renderLabel();
+                        }
                     });
 
                     // View(s) may be already loaded while the directive's linking
@@ -454,8 +460,11 @@ function BreadcrumbTextDirective($interpolate, $breadcrumb, $rootScope, $injecto
                         });
                     };
 
-                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function () {
-                        renderLabel();
+                    registerListenerOnce('BreadcrumbTextDirective.$viewContentLoaded', $rootScope, '$viewContentLoaded', function (event) {
+                        var viewScope = $breadcrumb.$getLastViewScope();
+                        if ($rootScope === viewScope || event.targetScope === viewScope) {
+                            renderLabel();
+                        }
                     });
 
                     // View(s) may be already loaded while the directive's linking