AngularJS-范围不是ng-repeat的ng-click事件中所期望的

Question

我有以下代码片段:

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

我不明白为什么:

alert($scope.message.text);

不起作用。我认为ng-repeat正在创建一个新范围。

Answer 1

的确ng-repeat创建了一个新的作用域。但是，您无法通过在 Controller 内部执行$ scope来访问该范围。相反，您可以执行以下操作:

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

在您的JS中:

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