$scope.form.$error is undefined in Angular controller

Question

I'm trying to iterate through all fields that are required and blank in an Angular controller (it's triggered by a certain button being pressed).

I've got this sitting in the controller:

angular.forEach($scope.form.$error.required, function (field) {
        //Do some things to these fields
    });

From here

The problem is that I get

TypeError: Cannot read property 'required' of undefined

And in Chrome dev tools $scope.form.$error is undefined. I've confirmed that $scope.form is populated as expected.

I think I'm missing something simple, but not sure what it is.

Satbir Singh · Accepted Answer · 2015-02-13 08:09:57Z

2

I don't know what you are doing with your form, but here is the fiddle. Take a look at it.

  <div ng-controller="MyCtrl">
      <form name="form" novalidate class="simple-form" ng-submit="FormSubmit()">Name:
       <input type="text" ng-model="user.name" required />
       <br />E-mail:
       <input type="email" ng-model="user.email" required/>
       <br />
    <input type="submit" ng-click="FormSubmit()" value="Save" />
       </form>
 </div>

I think you are missing "Form Name". But anyways this fiddle works flawlessly. You can put the "debugger;" and chek the values in angular.forEach() function;

http://jsfiddle.net/Satbir/ztxwd8vs/

answered Feb 13, 2015 at 8:09

Satbir Singh

1412 silver badges6 bronze badges

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

1 Comment

BenC3 Over a year ago

Thanks this pointed me in the right direction. I actually did have the form named but the code was saving the object itself to $scope.form which was overriding the actual form object. I untangled them and it worked.

Collectives™ on Stack Overflow

$scope.form.$error is undefined in Angular controller

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related