multiStepFormInstance is not getting injected into controller

var store_module = angular.module('store', [
    'app.config',
    'flash',
    'multiStepForm'
  ]);


store_module.controller('myStore', ['$scope','multiStepFormInstance', function($scope, multiStepFormInstance){

  $scope.addStore = function() {

    console.log('hello world');
    console.log(multiStepFormInstance.getActiveIndex());
  }
}]);

I have a multi step form, in the first step I am asking some user input and before moving to next step I want to do some action with user provided input, first step has ‘add store’ button on it’s click I am calling the addStore function, here inside this function I want to move user to next step only if store gets added. For this I require multiStepFormInstance with which help I can set activeindex as the desired step index. However I keep getting following error :

error: [$injector:unpr] Unknown provider: multiStepFormInstanceProvider <- multiStepFormInstance <- myStore

what’s the correct way to inject multiStepFormInstance into the controller, am I missing something here? Is is possible to change step from controller method ?

[troch]

I don’t have a live example, but just injected it here: http://blog.reactandbethankful.com/angular-multi-step-form/#/saving-data (https://github.com/troch/troch.github.io/blob/master/angular-multi-step-form/scripts/app.js#L143).

Are you certain you don’t use ‘stepCtrl’ anywhere else in your app? The error you see is typical of the controller being instantiated outside the directive.

[rahul-cuelogic]

Thank you so much @troch ,

Are you certain you don't use 'stepCtrl' anywhere else in your app? The error you see is typical of the controller being instantiated outside the directive.

stepCtrl was getting instantiated from ng-controller directive in my HTML, I removed that it is working fine.

Again thanks a lot 👍