form is not accessible in controllers about angular-multi-step-form

[troch]

Can you give me an example to reproduce? Thanks.

[bagwanpankaj]

I put up a bare minimum angular app here. MultiStep form can be found at /#/about. The issue is as follows

1.) angular form object is available within the template it is defined (step_1.html and step_2.html templates)
2.) angular form object is not available in wrapper template that defines <multi-step-container steps="steps"> (defined in about.html)
3.) angular form object is not available in AboutCtrl. Since it can not pased as well via nextStep function, see point#2

[troch]

I think this is expected. The form object (from Angular's <form> directive) will be added to the scope of the step it is in. Therefore you cannot access it from either the scope of the multi-step form directive or your surrounding scope (used by AboutCtrl).

What you can do is something similar to this: https://github.com/troch/angular-multi-step-form/blob/master/src/directives/form-step-validity.js. With a custom directive, you can grab your form instance (formCtrl) and pass it to another controller or factory.

[bagwanpankaj]

Got that. Thanks

[troch]

One another thing you can do, depending on your use case, is to have a surrounding <form> rather than forms in each step.