如何在 ng 上调用 function-单击<a>能够在新选项卡中打开的链接</a>

Question

I have an element which goes something like this

<a ng-click="vm.openPage(page)">{{page.pageId}}</a>

There some validations in the vm.openPage() function which are necessary before it redirects to the page with this code

$state.go('page', {
   id: page.pageId
});

The problem is that I need that link to be able to be opened in a new tab with right-click but still run the function and the validation. Tried it with

ng-href={{vm.openPage(page)}}

but that runs the function at page load, and I can't have that because the link is a column in a table with 20 rows.

Is there a way to achieve this?

Answer 1

use the following:

In your html:

 <a ng-href="{{(test() && url && !loading)||'#'}}">click here</a>

in your JS:

var url = "http://www.google.com";
$scope.test = function () {

     if(  $scope.pass =="pass") { // your condition
        return true;
     }
     else {
       return false;
     }

   };

make sure that while loading your page, the condition is false if it is true, set add loading status flag to your load function, and use it in your link

sample example in the following jsFiddle link