Pass array into ng-click

Question

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="item in items">{{item.name}}</li>
    </ul>
    <button type="submit" ng-click="send()">
    Send
    </button>
</div>

When the button is not within ng-repeat, how can I pass my item's id into ng-click function?

Which id do you need to send via click? If it is dynamic, then you will have to bind it within the ng-repeat itself. Else you could pass it as static value. — Roy M J
– Roy M J, Commented Apr 28, 2016 at 12:59

juco · Accepted Answer · 2016-04-28 12:54:24Z

1

Well items is already on $scope as you're using it in your ng-repeat. So you should simply be able to ng-click="send(items)"

answered Apr 28, 2016 at 12:54

juco

6,3423 gold badges27 silver badges42 bronze badges

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

1 Comment

Sombriks Over a year ago

this is fully correct. in fact, events dealing with states preserved on controller scope have little need of receive arguments.

0xdw · Accepted Answer · 2016-04-28 12:59:52Z

0

var items = [{
  id: 1,
  name: "one"
}, {
  id: 2,
  name: "two"
}];

function MyCtrl($scope) {
  $scope.items = items;

  $scope.send = function() {
    //get items' id
    $scope.items.forEach(function(item){
      alert(item.id);
    }, this);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-controller="MyCtrl">
  <ul>
    <li ng-repeat="item in items">{{item.name}}</li>
  </ul>
  <button type="submit" ng-click="send()">
    Send
  </button>
</div>

edited Apr 28, 2016 at 12:59

answered Apr 28, 2016 at 12:54

0xdw

3,8522 gold badges29 silver badges44 bronze badges

3 Comments

Jennifer Over a year ago

I know forEach, but what's the this for?

0xdw Over a year ago

@Jennifer It is thisArg parameter, It is provided to forEach(), it will be passed to callback when invoked, for use as its this value.

0xdw Over a year ago

@Jennifer Read the doc from here developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Collectives™ on Stack Overflow

Pass array into ng-click

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related