AngularJS - Scope ist nicht das, was im Inneren eines ng Sie auf erwartete Ereignis von ng-repeat

Question

ich diesen Code-Schnipsel haben:

<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); 
}; 

Ich verstehe nicht, warum:

alert($scope.message.text); 

funktioniert nicht. Ich dachte, dass ng-repeat einen neuen Bereich schaffen würde.

Answer 1

Es ist wahr, dass ng-repeat einen neuen Bereich erstellt. Sie können jedoch nicht auf diesen Bereich zugreifen, indem Sie in Ihrem Controller $ scope ausführen. Stattdessen können Sie wie unten tun:

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

Und in Ihrem JS:

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

Answer 2

, die Message nur lokalen Zugang zur Seite, die Ansicht Seite (index.html). Dos, t Zugriff Controller-Seite. Aber Nachricht ist übergeben Argumente, die gesendet wird (Nachricht).