Угловые: нг щелкнуть параметр не работает

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, $ индекс нг повтора не следует оценивать заранее:

Это действительный HTML:

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

Answer 2

код кажется хорошо для меня, вы можете изолировать ваши проблемы в jsFiddle?

EDIT: Удален неправильный ответ о сплайсинга не изменяя в массиве.

Answer 3

можно сделать следующим образом

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

В css

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