javascript - 绑定(bind) AngularJS 值来调用现有的 JavaScript 函数

Question

我有一些需要调用的现有 JavaScript。我现有的功能称为“confirmDelete”。为了演示起见，缩短的版本如下所示:

function confirmDelete(orderId) {
  return confirm('Are you sure you want to delete Order #"' + orderId + '"?');
}

此功能还有更多功能。不管怎样，我试图像这样调用这个函数:

<a href="~/order/delete/{{order.Id}}" onclick="return confirmDelete('{{order.Id}}');">delete order</a>

我的其他绑定(bind)正在运行。但是，我不知道如何将订单 ID 传递给我现有的 JavaScript 函数。我该怎么做？

谢谢!

Answer 1

您可以注入(inject)$window:

.controller('ExampleController', ['$scope', '$window', function($scope, $window) {
    $scope.window = $window;
});

然后你可以这样做:

<a href="~/order/delete/{{order.Id}}" ng-click="window.confirmDelete(order.Id);">delete order</a>

或者您可以添加

$scope.confirmDelete = function(id) {
    return window.confirmDelete(id);
}

然后你可以这样做:

<a href="~/order/delete/{{order.Id}}" ng-click="confirmDelete(order.Id);">delete order</a>

或者您可以为任何全局函数创建传递方法:

$scope.callGlobal(fn, params) {
    if (!angular.isArray(params)) {
        params = [params];
    }
    return window[fn].apply(window, params)
}

它接受函数名称和一组参数(或者，如果只有一个参数，您可以只传递该参数)，然后您就可以执行以下操作

<a href="~/order/delete/{{order.Id}}" ng-click="callGlobal('confirmOrder', order.Id);">delete order</a>