Simple AngularJS scope issue (newbie)

Question

I'm trying to figure out how to get my user's email passed to my controller but I'm getting undefined for $scope.user.email. $scope is defined but there's no user object in there. Is there something wrong with my code?

html

<label class="item item-input">
  <span class="input-label">Email</span>
  <input ng-model="user.email" type="text">
</label>
<button ng-click="signInClick()" class="button button-full button-positive">
    Sign In
</button>

controller

.controller('WelcomeCtrl', function($scope) {
    $scope.signInClick = function() {
        console.log($scope.user.email);
    }
})

EDITS

The controller is linked via the js/apps.js and runs when my button is clicked so I know it's linked to WelcomeCtrl.

Is the input field within the right part of the html that is controllled by WelcomeCtrl? Could you make a jsfiddle or plunker with an example? — Steve
– Steve, Commented Apr 1, 2015 at 16:01
From the code that you're showing us you're not defining the user object anywhere — inorganik
– inorganik, Commented Apr 1, 2015 at 16:22
@inorganik what do you mean "defining the user object"? Steve I added an edit for your question, sorry for the confusion. — Jacksonkr
– Jacksonkr, Commented Apr 1, 2015 at 16:46
Exactly what I said, you never declare $scope.user anywhere, see @LanceVo's answer — inorganik
– inorganik, Commented Apr 1, 2015 at 22:53

Lance · Accepted Answer · 2015-04-01 16:48:15Z

1

because $scope.user is undefined.

.controller('WelcomeCtrl', function($scope) {
    $scope.user = {};
    $scope.signInClick = function() {
        console.log($scope.user.email);
    }
})

answered Apr 1, 2015 at 16:48

Lance

8858 silver badges19 bronze badges

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

2 Comments

Jacksonkr Over a year ago

Now user is an object but email is showing up as undefined.

Jacksonkr Over a year ago

Wow. I'm not even going to tell you why the email input value was coming across as undefined. I've been working on this project for way too long. Thanks Lance.

Collectives™ on Stack Overflow

Simple AngularJS scope issue (newbie)

EDITS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

EDITS

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related