AngularJS: How to pass in multiple INT values as string from ng-click?

Question

Say for example I have an element like this:

<input type="button" id="model{{id}}{{Value}}" ng-click="myFunction(     )">

if id was 178 and Value was 123, how can I make the ng-click above concatenate those value and pass them into the function?

Simply by going ng-click=myFunction(id + Value) would return a sum, when I would want the value passed into that function to be 178123.

This possible?

developer033 · Accepted Answer · 2016-07-23 21:30:05Z

2

Simple, use the Number.prototype.toString() method:

<input type="button" id="model{{id}}{{Value}}" ng-click="myFunction(id.toString() + Value.toString())">

Simple demo:

(function() {
  angular
    .module('app', [])
    .controller('mainCtrl', mainCtrl);

  function mainCtrl($scope) {
    $scope.id = 178;
    $scope.Value = 123;
    
    $scope.myFunction = function(value) {
      console.log(value);
    }
  }
})();

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
</head>

<body ng-controller="mainCtrl">
  <input type="button" id="model{{id}}{{Value}}" ng-click="myFunction(id.toString() + Value.toString())" value="Click">
</body>

</html>

edited Jul 23, 2016 at 21:30

answered Jul 23, 2016 at 21:25

developer033

25k8 gold badges85 silver badges113 bronze badges

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

2 Comments

LatentDenis Over a year ago

Thanks! I tried initially to do toString methog as well but I must've done it incorrectly. This did it.

LatentDenis Over a year ago

yea sorry, was waiting for the timer to allow me to do so :)

Collectives™ on Stack Overflow

AngularJS: How to pass in multiple INT values as string from ng-click?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related