angular js $scope is undefined

Question

I can't retrieve value of email in my controller. I get value 'undefined'.
My form:

<form role="form" novalidate>
    <div class="form-group">
        <input type="email" ng-model="user.email" name="email" id="email" class="form-control input-sm" placeholder="Email Address" formnovalidate>
    </div>
    <input type="submit" ng-click="submit()" value="Register" class="btn btn-info btn-block">
</form>

My controller:

app.controller('RegistrationController', function ($scope) {
    $scope.user = {};
    $scope.submit = function () {       
        alert($scope.user.email);
        alert(this.user.email);
    };
});

move ng-click="submit()" to the <form> tag and change it to ng-submit="submit()", and the alert(this.user.email) line should be deleted, it doesn't make sense in this context. — bryan60
– bryan60, Commented Jun 11, 2016 at 20:13

Serhii Holinei · Accepted Answer · 2016-06-11 20:15:12Z

2

I assume, it's happening because angular validates your input, and unless you provide valid email - model will be undefined

See my plunker

input[email] directive documentation

answered Jun 11, 2016 at 20:15

Serhii Holinei

5,8942 gold badges34 silver badges49 bronze badges

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

1 Comment

John Proestakes Over a year ago

I agree. Not sure what input he/she's using that it's coming up undefined but if it doesn't look like an email address it will be undefined.

Collectives™ on Stack Overflow

angular js $scope is undefined

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related