javascript - AngularJS ng-点击 : how to call a function with a function as parameter?

Question

我想编写一个在 ng-click 指令中调用的确认框函数(打开模式)。

在此确认模式中，我有两个按钮:取消 + 确定。单击“取消”将关闭模态。单击 Ok 必须调用通过我的 ng-click-call(带参数)给出的(回调)函数:

<button ng-click="confirmBox('beSureQuestion', functionToCallWhenOkClicked(parameter))">Delete</button>

有没有办法在 ng-click 中给一个函数作为参数？

我不想在我的 html 模板中使用 if 语句。

有什么建议吗？

Answer 1

不，你可以按照你想做的方式去做。问题是 ngClick 会同时执行两个函数 functionToCallWhenOkClicked(parameter) 和 confirmBox 因为你用 () 立即调用它们。

但是你可以做的是像这样传递一个函数引用:

<button ng-click="confirmBox('beSureQuestion', functionToCallWhenOkClicked)">Delete</button>

并且他们在需要时从 Controller 调用它:

$scope.confirmBox = function(msg, okCallback) {
    // some checks ...
    okCallback();
}

UPD。来自@Marcel Ennix 的评论。为了能够传递额外的参数，最好再传递一个参数给 confirmBox 函数:

ng-click="confirmBox('beSureQuestion', functionToCallWhenOkClicked, {para1:value1, para2, value2})"