ngClick mit Parameter übergibt nicht den Parameter

Question

Ich habe eine baumartige Tabelle mit zwei ng-Wiederholungen.

<table> 
<tr ng-repeat-start="am in anArray"> 
<td><button ng-click="TheFunction(am)"></button></td> 
</tr> 
<tr ng-repeat-start="em in anotherArray"> 
<td><button ng-click="TheFunction2(em)"></button></td> 
</tr> 
<tr ng-repeat-end></tr> 
<tr ng-repeat-end></tr> 

Mit etwas Funktion Ein-/Ausblenden die „richtige“ Linie das Ergebnis auf dem Bildschirm ist ein Baum, wobei jede Reihe einen Knopf aufweist, in den Rahmen definiert, um eine Funktion aufzurufen. In dem Regler I definiert die Funktion:

$scope.TheFunction=function(am){ 
alert(am); //and other things to do with the am object 
} 
$scope.TheFunction2=function(em){ 
alert(em); //and other things to do with the am object 
} 

Wenn ich die Seite ausführen, wird das Konstrukt treelike wie erwartet funktioniert, sind alle Tasten angezeigt. Wenn ich auf eine Schaltfläche klicke, wird die korrekte Funktion aufgerufen. Aber wenn ich den übergebenen Parameter überprüfe, ist er undefiniert.

Gibt es etwas, das ich vermisst habe?

Answer 1

Hier ist Ihr Code .. Es arbeitete mit ng-repeat und ng-repeat-start. Früher habe ich ng-repeat da es sauberer ist ..

sehen, ob dies für Sie arbeitet:

var app = angular.module('app', []); 
 
app.controller('main', main) 
 

 
function main($scope){ 
 
    $scope.anArray = ["a", "b", "c"]; 
 
    $scope.anotherArray = ["dog", "cat", "mouse"]; 
 
    $scope.TheFunction=function(am){ 
 
    alert(am); //and other things to do with the am object 
 
    } 
 
    $scope.TheFunction2=function(em){ 
 
    alert(em); //and other things to do with the am object 
 
    } 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div ng-app ng-view ng-controller="main"> 
 
<table> 
 
<tr ng-repeat="am in anArray"> 
 
    <td><button ng-click="TheFunction(am)">{{am}}</button></td> 
 
</tr> 
 
<tr ng-repeat="em in anotherArray"> 
 
    <td><button ng-click="TheFunction2(em)">{{em}}</button></td> 
 
</tr> 
 
</table> 
 
</div>