我是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>
在这种情况下,没有错误,但在重定向到仪表板时未调用该功能。 请帮忙。
答案 0 :(得分:0)
实际上在ng-click中你不需要使用括号:
<md-button ng-click="loadGraphs(data.id)">View Dashboard</md-button>
如果仍然出现错误,请检查函数名称中是否存在拼写错误以及是否使用相同的作用域(控制器)。我建议你检查一些角度教程。