AngularJS - denetleyici yöntemi çağrılmadı ngClick - hata yok

Question

Düğmeye tıklandığında removePlayer(playerId) yöntemini çağırmaya çalışıyorum. Ancak, yöntem çağrılmıyor veya en azından içerdeki ifadeler ateş etmiyor, çünkü üstte bir console.log() deyim koydu.

Konsol boş, bu yüzden gerçekten clueless. İşte benim kodudur:

Denetleyici:

function appController($scope) { 
    $scope.players = []; 
    var playercount = 0; 

    $scope.addPlayer = function(playername) { 

     $scope.players.push({name: playername, score: 0, id: playercount}); 
     playercount++; 
    } 

    function getIndexOfPlayerWithId(playerId) { 
     for (var i = $scope.players.length - 1; i > -1; i--) { 
      if ($scope.players[i].id == playerId) 
       return i; 
     } 
    } 

    $scope.removePlayer = function(playerId) { 
     console.log("remove"); 
     var index = getIndexOfPlayerWithId(playerId); 
     $scope.players.slice(index, 1); 
    } 
} 
appController.$inject = ['$scope']; 

HTML:

... 
<table id="players"> 
     <tr ng-repeat="player in players"> 
      <td>{{player.name}}</td> 
      <td>{{player.score}}</td> 
      <td><button ng-click="removePlayer({{player.id}})">Remove</button></td> 
     </tr> 
    </table> 
... 

Answer 1

bakınız. Sen yazmalısınız:

belirtildiği gibi

<button ng-click="removePlayer(player.id)">Remove</button>

Answer 2

ng-repeat yeni kapsamını oluşturur, bu nedenle removePlayer ne olduğunu bilmiyor. Böyle bir şey yapmak mümkün olmalıdır:

<table id="players"> 
    <tr ng-repeat="player in players"> 
     <td>{{player.name}}</td> 
     <td>{{player.score}}</td> 
     <td><button ng-click="$parent.removePlayer({{player.id}})">Remove</button></td> 
    </tr> 
</table> 

Sen ng tıklama ifadesinde küme parantezi ({{ }}) kullanılarak olmamalıdır https://groups.google.com/forum/?fromgroups=#!topic/angular/NXyZHRTAnLA

Answer 3

, ng-repeat kendi kapsamı var oluşturur ve dış denetleyici kapsamı kullanılamaz. ,

<tr ng-repeat="player in players"> 
    <td>{{player.name}}</td> 
    <td>{{player.score}}</td> 
    <td><button ng-click="player.removePlayer()">Remove</button></td> 
</tr> 

Önceden, bir yere Denetleyiciniz ilklendirilişinde istediğiniz her şeyi içinde oyuncu nesne ve doğal olarak her kod için "removePlayer" işlevini assing edebilirsiniz: Ama JS kullandığınız beri gerçek nesneler böyle bir şey yazmak böylece dış denetleyiciye dolaylı olarak erişir.