By default, the link in directive a
is handled by AngularJS's route module. If you want to make a API request, you can make the call using $http
module either wrapped in a service or factory or just in the controller.
Try this:
<a href="" ng-click="showVideo(@(Url.Action("Details", "Video"))/{{item.id}})">
$scope.showVideo = function (url) {
$http.get { method: 'GET', url: url }).
success(function (data, status, headers, config) {
// this callback will be called asynchronously
// when the response is available
}).
error(function (data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
}