使用 ng-click 将动态值传递给 angular 中的函数

Question

我正在尝试使用 link 动态翻译网站。

这是我的 HTML:

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

{{language.value}} 是从 json 文件中获取的动态值，我可以验证在运行时它确实填充了正确的值（'en-us'， 'ja-jp', 等等...)

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

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

但是，每次我点击 link 时，控制台都会将值显示为 {{language.value}}，而不是正确的值（例如：en-us）。

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

Answer 1

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

Answer 2

而不是

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

使用这个

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

Answer 3

您可以通过这种方式传递值：

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

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

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