使用ng-click将动态值传递给角度函数

时间:2016-03-08 06:39:02

标签: javascript angularjs angularjs-ng-click

我尝试使用链接动态翻译网站。

这是我的HTML:

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

{{language.value}}是一个取自json文件的动态值,我可以验证在运行时,它确实填充了正确的值(&#39; en-us&#39;,&#39; ; ja-jp&#39;等...)

这是我在控制器中的功能:

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

但是,每次我点击链接时,控制台都会将值显示为{{language.value}},而不是正确的值(例如:en-us)。

如何使ng-click中的值将正确的参数传递给函数?

3 个答案:

答案 0 :(得分:6)

使用ng-click="switchLanguage(language.value)"

以下是 PLUNKER http://plnkr.co/edit/uOUD9f1P3tKp3IlGsjBK?p=preview

答案 1 :(得分:4)

而不是

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

使用此

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

答案 2 :(得分:2)

您可以通过以下方式传递值:

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

<a ng-click="switchLanguage('{{language.value}}')" >Translate</a> 会将“{{language.value}}”作为值传递。