ngClick withパラメータはパラメータを渡しません

Question

2つのng-repeatsを持つtreelikeテーブルがあります。いくつかの機能で

<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> 

画面上に結果がスコープで定義された関数を呼び出すためのボタンを有し、各列を持つツリーが「正しい」行を非表示/表示します。私は、ページを実行すると、ツリー状の構造が正常に機能している

$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 
} 

、すべてのボタンが表示されます。コントローラで 私は機能を定義しました。ボタンをクリックすると、正しい関数が呼び出されます。しかし、渡されたパラメータをチェックすると、定義されていません。

紛失したことはありますか？

Answer 1

これはあなたのコードです。ng-repeatとng-repeat-startの両方で動作しました。 ngのリピートを使用して、NG-リピートエンドの行を取り除くない理由

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>