通过angularjs中的ng-repeat绑定变量

Question

给定以下控制器代码

var NamesCtrl = function($scope) {
  $scope.names = ['Bamse', 'Skalman'];
  $scope.kill = function(name) {
    $scope.names.splice(indexOf(name), 1);
  }
};

我可以使用当前名称作为参数调用kill函数吗（就是这样）？

<div ng-repeat="name in names">
  {{name}} 
  <input type="Button" ng-click="kill(name)" value="Kill"/>
</div>

Answer 1

是的，您可以将名称传递给控制器​​中的函数，但是有一种更简单，更“ Angular”的方式。 您可以为ngRepeat使用内置的Angular变量$index 。 您可以将其用作数组元素的索引。

<div ng-repeat="name in names">
  {{name}} 
  <input type="Button" ng-click="kill($index)" value="Kill"/>
</div>

现在，在控制器中，您的kill函数可以是：

$scope.kill = function(index) {
    $scope.names.splice(index, 1);
}