在ng-click指令内的函数调用中传递angular参数时出错

时间:2016-07-27 14:19:43

标签: angularjs angularjs-directive angularjs-ng-click

我是AngularJS的新秀。我正在构建一个企业仪表板。我有两个视图 - 仪表板和配置文件。在Profiles中,我有多个配置文件详细信息,我使用ng-repeat进行渲染,JSON也存在于配置文件控制器中。每当用户点击其中一个配置文件时,我都希望将其重定向到该配置文件的信息中心。

现在,在ng-repeat中:

<md-card ng-repeat="data in epc.employees" class="empCard md-whiteframe-4dp" >

我正在使用ng-click这样:

<a ui-sref="dashboard"><md-button ng-click="loadGraphs({{data.id}})">View Dashboard</md-button></a>

loadGraphs函数在另一个JS工作表中独立定义,用于操作C3.js图表​​。现在,每当我点击按钮时,我都会被重定向到仪表板,并出现以下错误:

angular.js:10347 Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 8 of the expression [check({{data.id}})] starting at [{data.id}})].

我也尝试过:  <a ui-sref="dashboard"><md-button ng-click="loadGraphs(data.id)">View Dashboard</md-button></a>

在这种情况下,没有错误,但在重定向到仪表板时未调用该功能。 请帮忙。

1 个答案:

答案 0 :(得分:0)

实际上在ng-click中你不需要使用括号:

<md-button ng-click="loadGraphs(data.id)">View Dashboard</md-button>

如果仍然出现错误,请检查函数名称中是否存在拼写错误以及是否使用相同的作用域(控制器)。我建议你检查一些角度教程。