AngularJS form is undefined in $scope in controller

Question

I am trying to access a html defined form in the $scope in the controller. The thing is that the form is under ng-switch directive so I was suspecting this is the issue. Still, I couldn't find any solution to this.

My code is :

<div ng-switch="bla">
   <div ng-switch-when="blabla">
       <form name="myForm">
       </form>
    </div> 
</div>

And the js : $scope.myForm is returning undefined.

Can you please help me with this?

Thanks in advance.

it should be {{myForm}} when writing the scope variable on html page — Rakesh Burbure
– Rakesh Burbure, Commented Jan 12, 2018 at 8:57
@RakeshBurbure , I want to use it in a javascript file, not in the page. — Razvan N
– Razvan N, Commented Jan 12, 2018 at 8:59

D. Braun · Accepted Answer · 2018-01-12 09:06:01Z

1

Yes, you are right: This directive creates new scope. Like ng-if. See: https://docs.angularjs.org/api/ng/directive/ngSwitch

Here could be an answer: https://github.com/angular/angular.js/issues/10944 https://github.com/angular/angular.js/wiki/Understanding-Scopes#ng-include

If you need the form in a method in the controller, that you call from the html code, you can use the form as a parameter.

For instance:

<form name="dataForm" ng-submit="$parent.processForm(dataForm)">

processForm is a method in the controller. You need $parent here because of the child scope under ng-switch.

answered Jan 12, 2018 at 9:06

D. Braun

5081 gold badge4 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Razvan N Over a year ago

Thanks for the answer. I tried that, but it still doesn't work, I can't figure out why...

Jitendra gupta · Accepted Answer · 2018-01-12 09:07:10Z

0

check that condition for div "ng-switch-when " is true i.e "blabla" is true or not . because form will be there only if the condition is true
If it is not working then try to declare form object in your controller (at the time when controller loads ). like this

$scope.myForm ={};

Hope it will work ........

answered Jan 12, 2018 at 9:07

Jitendra gupta

1088 bronze badges

1 Comment

Razvan N Over a year ago

Thank you for your answer. Sadly, I still need the form object to apply some functions on it. If I define it like that, it will be a simple js object, and I cannot call setValidity for example.

Collectives™ on Stack Overflow

AngularJS form is undefined in $scope in controller

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related