Binding a variable though ng-repeat in angularjs

Question

Given the following controller code

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

Can I call the the kill function with the current name as parameter (I.e something like this)?

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

Yes and this line should be $scope.names.splice($scope.names.indexOf(name), 1); — Chandermani
– Chandermani, Commented Jan 3, 2014 at 15:28
Hehe thank you, seems it was just problems not related to angular in my code. — Viktor Sehr
– Viktor Sehr, Commented Jan 3, 2014 at 15:40

DRiFTy · Accepted Answer · 2014-01-03 15:32:46Z

3

Yes, you can pass the name to a function in your controller, but there is an easier and more "Angular" way. You can use a built in Angular variable for ngRepeat called $index. You can use this as the index of the array element.

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

Now in your controller your kill function can be:

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

answered Jan 3, 2014 at 15:32

DRiFTy

11.4k11 gold badges63 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Binding a variable though ng-repeat in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related