AngularJS - Phạm vi không phải là những gì mong đợi trong một sự kiện ng-click của ng-repeat

Question

Tôi có đoạn mã này:

<ul> 
    <li ng-repeat="message in messages"> 
     <button ng-click="send()">Send</button> 
    </li> 
</ul> 

$scope.send = function(){ 
    // not working (message undefined) 
    alert($scope.message.text); 
    // working 
    alert($scope.messages[0].text); 
}; 

Tôi không hiểu tại sao:

alert($scope.message.text); 

không hoạt động. Tôi nghĩ rằng ng-lặp lại đã tạo ra một phạm vi mới.

Answer 1

Đúng là ng-repeat tạo phạm vi mới. Nhưng bạn không thể truy cập phạm vi đó bằng cách thực hiện $ scope bên trong controller của bạn. Thay vào đó bạn có thể làm như sau:

<button ng-click="send(message)">Send</button> 

Và trong JS của bạn:

$scope.send = function(message){  
    alert(message.text);  
}; 

Answer 2

Đó truy cập tin nhắn chỉ phía địa phương có nghĩa là xem bên (index.html). Dosn, t điều khiển truy cập bên. Nhưng thông điệp được truyền qua các đối số gửi (tin nhắn).