AngularJS - Simple $ phạm vi console.log() trả về undefined

Question

Tôi đang cố gắng để thực hiện một đơn giản console.log() từ này $ phạm vi:

<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> 

Đây là tập tin javascript của tôi:

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

    console.log($scope.customer); 

}); 

Nhưng nhật ký trả lại cho tôi không xác định. Có chuyện gì vậy?

Đây là plunkr: http://plnkr.co/edit/MU2i46o03bs22Jwh6QIe

Answer 1

Như những người khác đã nói, bạn cần phải khởi tạo đối tượng khách hàng.

Vì không có giá trị của khách hàng được đặt từ bộ điều khiển, nó xuất hiện dưới dạng không xác định trong chế độ xem. Khi bạn nhập các giá trị trong các hộp đầu vào, điều này sẽ không còn được xác định, nhưng kể từ khi khai thác gỗ được thực hiện chỉ một lần ban đầu, gõ giá trị trong hộp đầu vào đã không có tác dụng

Plunker Demo

Dưới đây là phần mà tôi đã thay đổi trong script.js

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

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

console.log($scope.customer); 

}); 

Answer 2

Bởi vì mã JS của bạn

console.log($scope.customer); 

chạy khi bạn init bộ điều khiển CustomerController, lúc đó thời gian $ scope.customer không có giá trị và nó trở lại không xác định.