AngularJS - Simple $scope console.log() returns undefined

Question

I'm trying to make a simple console.log() from this $scope:

<div ng-controller="CustomerController" id="customer-block">

  <h3>Customer Information</h3>

  <div class="col-md-4">
      <label>Address 1:</label>
      <input type="text" ng-model="customer.address1" class="form-content"
        id="customer-address1" />
    </div>

    <div class="col-md-4">
      <label>Address 2:</label>
      <input type="text" ng-model="customer.address2" class="form-content"
        id="customer-address2" />
    </div>

    <div class="col-md-4">
      <label>City</label>
      <input type="text" ng-model="customer.city" class="form-content"
        id="customer-city" />
    </div>

</div>

This is my javascript file:

lima3app.controller("CustomerController", function($scope){

  console.log($scope.customer);

});

But the log returns me undefined. What's wrong with that?

This is the plunkr: http://plnkr.co/edit/MU2i46o03bs22Jwh6QIe

The $scope.customer isn't initilized anywhere, so it's should be undefined. It will start to have data after you type something in those inputs. — runTarm
– runTarm, Commented Jul 23, 2014 at 3:39

adib.mosharrof · Accepted Answer · 2014-07-23 05:30:48Z

8

As the others have said, you need to initialize the customer object.

Since there is no value of customer set from controller, it is appearing as undefined in the view. When you enter values in the input boxes, this will no longer be undefined, but since logging is done only once initially, typing values in input box has no effect

Plunker Demo

Here is the part which I have changed in script.js

lima3app.controller("CustomerController", function($scope){

$scope.customer = {
  address1 : 'address1',
  address2 : 'address2',
  city:'city'
}

console.log($scope.customer);

});

answered Jul 23, 2014 at 5:30

adib.mosharrof

1,6441 gold badge12 silver badges17 bronze badges

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

Comments

Thach Nguyen · Accepted Answer · 2014-07-23 04:34:28Z

0

Because your JS code

console.log($scope.customer);

run when you init the CustomerController controller, at that time $scope.customer has no value and it return undefined.

answered Jul 23, 2014 at 4:34

Thach Nguyen

1308 bronze badges

Collectives™ on Stack Overflow

AngularJS - Simple $scope console.log() returns undefined

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related