angularjs - Angular：使用参数不起作用的 ng-click

Question

我有以下 HTML：

<i style="cursor:pointer" ng-click="addName()" class="icon-plus"></i>
<i style="cursor:pointer" ng-click="delName({{$index}})" class="icon-remove"></i>

我的控制器中的以下功能$scope：

$scope.addName = function() {
    $scope.names.push($scope.newName);
    $scope.newName = '';
};
$scope.delName = function(i) {
    $scope.names.splice(i, 1);
};

工作正常，addName()但从delName()未被调用。是否不可能将 ng-clik 绑定到带有参数的函数？

Answer 1

错误出现在 html 中，不应事先评估 ng-repeat $index：

这是有效的 HTML：

<i style="cursor:pointer" ng-click="delName($index)" class="icon-remove"></i>

Answer 2

代码对我来说似乎很好，你能在 jsFiddle 中隔离你的问题吗？

编辑：删除了关于拼接不修改为数组的错误答案。

Answer 3

您可以执行以下操作

<i ng-click="delName($index)" class="icon-remove"></i>

在 CSS 中

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}