Binding AngularJS value to call existing JavaScript function

You could inject $window:

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

and then you can do:

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

Or you can add

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

And then you can do:

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

Or you could create a pass-through method for any global function:

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

Which takes the function name, and an array of params (or, if just one argument, you can pass just the argument), and then you can do

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

Use the ng-click directive instead of the non-Angular onclick handler, and pass the $event object as well.

In the controller:

 $scope.confirmDelete = function(orderId, $event) {
   if (!confirm('Are you sure you want to delete Order #"' + orderId + '"?')) {
      $event.preventDefault();
   }
 }

Then you can reference it in your html with

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

here's a working Plunker: http://plnkr.co/edit/p8Bm0WI7skVZFH3rhTun?p=preview

Also, you could actually just leave the href="..." out and handle the view change in the controller function as well.

Instead of

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

try

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

I made a fiddle , although you should use globals like i did

Updated fiddle, as per Mike said