Pass a dynamic value to a function in angular with ng-click

Question

I'm trying to use a link to dynamically translate a website.

This is my HTML:

<a  ng-click="switchLanguage('{{language.value}}')" >Translate</a>

{{language.value}} is a dynamic value taken from a json file and I can verify that upon runtime, it does get populated with the proper value ('en-us','ja-jp', etc...)

And here's my function inside a controller:

function switchLanguage(newlan) {
    console.log(newlan);
}

However, everytime I click on the link, the console shows the value as {{language.value}}, instead of the proper value (ex: en-us).

How do I make the value inside the ng-click pass the correct parameter to the function?

try this <a ng-click="switchLanguage(language.value)" >Translate</a> — Hadi
– Hadi, Commented Mar 8, 2016 at 6:40
for those interested in angular (not js), the syntax is (click)="switchLanguage(lang.value)" — payloc91
– payloc91, Commented Jul 16, 2019 at 9:46

Sunil Lama · Accepted Answer · 2016-03-08 06:47:10Z

7

use ng-click="switchLanguage(language.value)"

Here is the PLUNKER: http://plnkr.co/edit/uOUD9f1P3tKp3IlGsjBK?p=preview

edited Mar 8, 2016 at 6:47

answered Mar 8, 2016 at 6:40

Sunil Lama

4,5391 gold badge21 silver badges48 bronze badges

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

Comments

Subodh Ghulaxe · Accepted Answer · 2016-03-08 06:47:23Z

4

Instead of

<a ng-click="switchLanguage('{{language.value}}')" >Translate</a>

Use this

<a ng-click="switchLanguage(language.value)" >Translate</a>

answered Mar 8, 2016 at 6:47

Subodh Ghulaxe

18.7k15 gold badges87 silver badges103 bronze badges

Comments

moks · Accepted Answer · 2016-03-08 06:58:17Z

3

You can pass the value in this way :

<a ng-click="switchLanguage(language.value)">Translate</a>

This <a ng-click="switchLanguage('{{language.value}}')" >Translate</a> will pass the '{{language.value}}' as a value.

answered Mar 8, 2016 at 6:58

moks

995 bronze badges

1 Comment

Tameshwar Over a year ago

how can we pass like this <a (click)="language.value">Translate</a> language.value is dynamic is it possible?

Collectives™ on Stack Overflow

Pass a dynamic value to a function in angular with ng-click

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related