javascript - angularjs 通过 ng-click 传递匿名函数

Question

我正在使用 AngularJS，并希望将来自 html 元素的 ng-click 函数的匿名 JavaScript 函数作为参数传递给我范围内的函数。

<div ng-app="">
  <div ng-controller="Ctrl1">
      <button ng-click="test(function(){alert('pushed');})">Push Me</button>
  </div>
</div>

然后在 JavaScript 中:

function Ctrl1($scope) {
    $scope.test = function(callback){
        callback();
    };
}

我设置了一个简单的 jsfiddle 来演示这个问题: http://jsfiddle.net/C4t4LystX/gUj8x/4/

---

每当我尝试在我的代码中执行此操作时，我都会在控制台中收到此类错误:

语法错误: token “{”是意外的，需要 [)]

我应该如何执行此操作？

Answer 1

在 JavaScript 中，您需要计算要运行的函数。在这种情况下，如果您想执行指令 alert("pushed")，那么您需要评估该字符串。

我在这里开发了一个 JS Fiddle:http://jsfiddle.net/gUj8x/6/

请注意，该指令现在作为引号转义字符串传递给 Angular。