góc: ng-click với một tham số không làm việc

Question

Tôi đã có đoạn HTML sau:

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

Và các chức năng sau đây trong điều khiển của tôi $scope:

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

Các addName() hoạt động tốt nhưng delName() không bao giờ được gọi. Có thể không ràng buộc một ng-clik với một hàm bằng một đối số không?

Answer 1

Các lỗi được trong html, những ng-repeat $ index không nên được đánh giá trước:

Đây là HTML hợp lệ:

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

Answer 2

Mã này có vẻ ổn với tôi, bạn có thể cô lập vấn đề của mình trong jsFiddle không?

EDIT: Đã xóa câu trả lời không đúng về mối nối không thay đổi thành mảng.

Answer 3

Bạn có thể làm như sau

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

Trong css

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