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

Question

我有这段代码：

<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类的函数，并将Id作为参数传递。但是它不能正确显示：

有什么建议吗？

Answer 1

将alert()包装在控制器的函数中，然后将其添加到范围中，如下所示：

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

然后从模板调用此函数：

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

模板中嵌入的表达式仅会看到相应范围内的功能。

Answer 2

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

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