如何在AngularJS中将插值值作为参数传递给JavaScript函数

Question

在我的 AngularJS 应用中，当点击 HTML 中的一个按钮时，我会调用一个函数，示例如下：

<button type="button" class="btn" ng-click="foo(bar, fruits, {{user.email}})">Get it Done</button>

foo是控制器中的一个函数，bar和fruits是表单中的数值，而{{user.email}}是作用域内的电子邮件地址。

我能够在HTML页面上正确显示{{user.email}}，但是当点击给定的button时，在控制器的foo函数中却得到了一个undefined。

$scope.foo = function(bar, fruits, email) {
    //email is undefined here
};

有人可以帮我理解如何将{{user.email}}的值传递给控制器中的foo函数吗？

- skip

Answer 1

请查看这里：http://jsbin.com/mawey/1/edit。您只需要插入 user.email 即可，无需进行解释。

<button type="button" class="btn" ng-click="foo(bar, fruits, user.email)">

- sylwester

---

它能够与 ng-click="foo(bar, fruits, user.email)" 一起工作吗？我先尝试了那个，但是它没有起作用。 - skip

й—®йўҳжҳҜжҲ‘еңЁbuttonе…ғзҙ еҶ…йғЁжІЎжңүеҸҜз”Ёзҡ„userгҖӮжҲ‘д»Ҙдёәе®ғеҸҜд»ҘеңЁйЎөйқўзҡ„е…¶д»–йғЁеҲҶдҪҝз”ЁгҖӮи°ўи°ў :) - skip

Angular 5也是。 - user30478