Cannot access form from Scope AngularJS

Question

I have the following

<form id="myForm" class="form-inline" >
<div class="container-fluid  ">
<input ng-class="{'requiredError':programNameError}" name="first" ng-model="ProgramDetail.ProgramName" placeholder="Name" class="form-control input-xs" type="text" style="width:70%" />
</div>
</form>

This page is being called by the ngRoute when I navigate to a specific route and I specify the controller in the route configuration, buen when I try to access the $scope.myForm i get undefined.

Am I missing something here?

Can you show your controller code?

Abdullah Rasheed
– Abdullah Rasheed

2015-11-27 15:52:52 +00:00
Commented Nov 27, 2015 at 15:52 — Abdullah Rasheed
– Abdullah Rasheed, Commented Nov 27, 2015 at 15:52

thomaux · Accepted Answer · 2015-11-27 15:53:33Z

3

Give the form a name attribute to expose it on the $scope

<form id="myForm" name="myForm" class="form-inline" >

</form>

From the docs:

If the name attribute is specified, the form controller is published onto the current scope under this name.

answered Nov 27, 2015 at 15:53

thomaux

19.8k10 gold badges83 silver badges107 bronze badges

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

Comments

Felipe S. · Accepted Answer · 2015-11-27 15:53:38Z

1

Argh, not enough reputation to write a comment, so writing as an answer.. :(

try defining the attribute name for the form.. I have a similar case and it worked only with this..

<form id="myForm" class="form-inline" name="myForm">
</form>

answered Nov 27, 2015 at 15:53

Felipe S.

1,6952 gold badges17 silver badges24 bronze badges

Collectives™ on Stack Overflow

Cannot access form from Scope AngularJS

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related