AngularJS pass string to function by ng-click

Question

I am trying to pass a string to a function through ng click, here's an example

HTML

<a class="btn"> ng-click="test(STRING_TO_PASS)"</a>

Controller

$scope.test = function(stringOne, stringTwo){ valueOne = test(STRING_TO_PASS); }

Edit -

Turns out I was thinking about this the wrong way... not really sure why I asked it, sorry guys!

What is the problem? test function is undefined in your controller, have you defined it anywhere else! you should use ng-click like this: 'test("STRING_TO_PASS")', if its not a angular variable. — Gaurav Srivastava
– Gaurav Srivastava, Commented Dec 4, 2017 at 13:08
in your controller it would be: $scope.test = function(STRING_TO_PASS), what kind of behaviour / logic are you looking for? — Aleksey Solovey
– Aleksey Solovey, Commented Dec 4, 2017 at 13:11

Sajeetharan · Accepted Answer · 2017-12-04 13:08:43Z

3

Your controller function should accept only 1 parameter

$scope.test = function(stringOne){
    valueOne =  stringOne;
}

answered Dec 4, 2017 at 13:08

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

1 Comment

Sajeetharan Over a year ago

i think now you should be able to

Sajal · Accepted Answer · 2017-12-04 13:15:53Z

2

Correct HTML for ng-click to be used as an attribute is as

<a class="btn" ng-click="test('STRING_TO_PASS')"> Click</a>

Also, the test function would accept one parameter in your controller.

var app = angular.module("app", []).controller("ctrl", function($scope) {
$scope.test = function(stringOne) {
    valueOne = stringOne;
    console.log(valueOne);
  };
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="app" ng-controller="ctrl">
  <a class="btn" ng-click="test('STRING_TO_PASS')"> Click</a>
</body>

answered Dec 4, 2017 at 13:15

Sajal

4,4111 gold badge22 silver badges41 bronze badges

Comments

gaurav bankoti · Accepted Answer · 2017-12-04 13:18:27Z

0

I think you want something like this.

HTML

<a class="btn"> ng-click="test("StringOne","StringTwo")"</a>

Controller

$scope.test = function(stringOne, stringTwo){
    var valueOne = stringOne;
var valueTwo = stringTwo
}

answered Dec 4, 2017 at 13:18

gaurav bankoti

2241 silver badge8 bronze badges

Collectives™ on Stack Overflow

AngularJS pass string to function by ng-click

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related