angular.js在ng-click中解析值

时间:2014-04-11 11:10:14

标签: javascript angularjs

我有一个子控制器中的操作列表:

$scope.actions = [{action:"onClick()",name:"Test"}];

在浏览模板上,我有一个如下所示的按钮下拉组:

<li ng-repeat="action in actions">
  <a href="" ng-click="action.action">{{action.name}}</a>
</li>

我遇到的问题是ng-click应该调用{在此示例中为onClick()函数,但是如果我放ng-click="{{action.action}}"则会中断。

这甚至可能吗?

2 个答案:

答案 0 :(得分:0)

编辑:我的不好,你没有错字。

如果它是元素的属性,则不需要{{}}。但是我真的不确定当你试图调用字符串时你期望发生什么,它需要是一个函数。

尝试这样的事情:

var someFunc = function() {
    console.log("someFunc")
};

$scope.actions = [{action:someFunc,name:"Test"}];

<li ng-repeat="action in actions">
  <a href="" ng-click="action.action()">{{action.name}}</a>
</li>

工作demo

答案 1 :(得分:0)

您是否定义了onClick功能,例如

$scope.onClick = function() {
 alert('clicked!');
};

BTW,ngClick的原始语法是正确的,没有双花括号。