AngularJS - 適用範囲が、私はこのコードスニペット持っNGリピート

Question

のngのクリックイベント内で期待したものではありません。

<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です。新しいスコープが作成されます。しかし、コントローラの中で$ scopeを実行すると、そのスコープにアクセスすることはできません。代わりに、以下のように行うことができます。

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

そして、あなたのJSでの：

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

Answer 2

そのメッセージへのアクセスをビュー側（のindex.html）でのみローカル側。 Dosn、tアクセスコントローラ側。しかし、メッセージにはsend（メッセージ）という引数が渡されます。