ng-repeat中的函数调用无法正确呈现

时间:2016-01-21 06:16:18

标签: angularjs

我有这段代码:

local <whatever>

我想调用类似<tr ng-repeat="convention in conventions"> <td>{{ convention.Id }}</td> <td>{{ convention.Title }}</td> <td><a href="javascript:void(0)" ng-click="alert(convention.Id)">Edit</a></td> </tr> 的函数并将alert作为参数传递。但它无法正确呈现: firbug

任何建议?

2 个答案:

答案 0 :(得分:3)

alert()包裹在控制器中的函数中,并将其添加到范围内,如下所示:

$scope.handleClick = function(id) {
    alert(id);
}

然后从模板中调用此函数:

ng-click="handleClick(contention.Id)"

模板中嵌入的表达式只能查看相应范围内的功能。

答案 1 :(得分:2)

alert添加到您的范围,就像在您的控制器中一样

$scope.alert = function(i) {
  alert(i)
};