Expose steps reference on the controller.

README.md

@@ -50,7 +50,7 @@ Start creating some steps around your UI:
 </steps>
 ```
 
-The main `<steps>` directive has the following (optional) properties:
+The main `<steps>` directive has the following (optional) attributes:
 
 - **name**: Name of the group of steps. Use if you have multiple `<steps>` to
     reference them in the `ServiceHandler`.
@@ -114,6 +114,8 @@ You can use the following functions on `StepsService.steps()`:
 - **goTo(** *number* | *name* **)**: Go to a specific step. Argument can be
     either a number (zero-based index) or the **name** of a step.
 
+You can get the number of steps from `StepsService.steps().steps.length`.
+
 #### Multiple steps
 
 If you have multiple `<steps>` in your page and wish to access them from the

src/angular-steps.js

@@ -47,13 +47,13 @@
                 return attributes.template || 'steps.html';
             },
             controller: function ($scope, $element, StepsService) {
-
                 StepsService.addSteps($scope.name || StepsService.defaultName, this);
+
                 $scope.$on('$destroy', function () {
                     StepsService.removeSteps($scope.name || StepsService.defaultName);
                 });
 
-                $scope.steps = [];
+                this.steps = $scope.steps = [];
 
                 $scope.$watch('currentStep', function (step) {
                     if (!step) return;

test/angular-steps.spec.js

@@ -41,6 +41,10 @@ describe('AngularSteps', function () {
         expect(scope.referenceCurrentStep).toEqual('Starting');
     });
 
+    it('should expose steps reference', function () {
+        expect(StepsService.steps().steps.length).toEqual(3);
+    });
+
     it('should go to the next step', function () {
         expect(scope.referenceCurrentStep).toEqual('Starting');
         StepsService.steps().next();