add controllerAs config property

README.md

@@ -168,6 +168,8 @@ Adds new segment at current pointer level.
     - `template` provides HTML for the given segment view;
     - `templateUrl` is a template which should be fetched from the network via this URL;
     - `controller` is attached to the given segment view when compiled and linked, this can be any controller definition AngularJS supports;
+    - `controllerAs` is a controller alias name, if present the controller will be published to scope under the
+    controllerAs name;
     - `dependencies` is an array of route param names which are forcing the view to recreate when changed;
     - `watcher` is a $watch-function for recreating the view when its returning value is changed;
     - `resolve` is a hash of functions or injectable names which should be resolved prior to instantiating the template and the controller;

build/angular-route-segment.js

@@ -498,6 +498,8 @@ angular.module( 'route-segment', [] ).provider( '$routeSegment',
                                 if (segment.params.controller) {
                                     locals.$scope = currentScope;
                                     controller = $controller(segment.params.controller, locals);
+                                    if(segment.params.controllerAs)
+                                        currentScope[segment.params.controllerAs] = controller;
                                     currentElement.data('$ngControllerController', controller);
                                     currentElement.children().data('$ngControllerController', controller);
                                 }

src/view-segment.js

@@ -106,6 +106,8 @@
                                 if (segment.params.controller) {
                                     locals.$scope = currentScope;
                                     controller = $controller(segment.params.controller, locals);
+                                    if(segment.params.controllerAs)
+                                        currentScope[segment.params.controllerAs] = controller;
                                     currentElement.data('$ngControllerController', controller);
                                     currentElement.children().data('$ngControllerController', controller);
                                 }

test/unit/view-segment.spec.js

@@ -174,6 +174,26 @@ describe('view-segment', function() {
         expect(elm).toHaveClass('container');
         expect(elm.find('> div > h4').text()).toMatch(/Section 1/);
     })
+
+    it('should work with controllerAs syntax', function() {
+        $routeSegmentProvider.when('/3', 'section3');
+        $routeSegmentProvider.segment('section3', {
+            template: '<div></div>',
+            controller: function($scope) {},
+            controllerAs: 'ctrl'
+        })
+
+        scope = $rootScope.$new();
+        elm = angular.element('<div class="container" app:view-segment="0"></div>');
+        $compile(elm)(scope);
+        scope.$digest();
+
+        $location.path('/3');
+        $rootScope.$digest();
+
+        expect(elm.find('> div').scope().ctrl).toBeDefined();
+        expect(elm.find('> div').scope().ctrl).toBe(elm.find('> div').controller());
+    })
 
 
 });