AngularJS binds unsafe:javascript:void(0) when value is javascipt:void(0)

Question

<a ng-attr-href="{{page==1 && 'javascript:void(0)' || '#a/'+tid+'/'+(page-1)}}">Prev</a>

I want to get that when page = 1

<a href="javascript:void(0)">Prev</a>

But the result:

<a href="unsafe:javascript:void(0)">Prev</a>

Answer 1

use ng-click on a and pass $event to your function.

<a href="#" ng-click="yourFunction($event);">Click</a> 

In your function do the following

$scope.yourFunction = function(e) {
        e.preventDefault();
};

Answer 2

new angular you have to white list javascript

angular.module("app", [])
    .config(['$compileProvider', function ($compileProvider) {
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|javascript):/);
    }]);

or

<a href="#" ng-click="foo($event);">Click</a> 
$scope.foo = function(e) {
        e.preventDefault();
};

or

<a ng-click="foo($event);">Click</a>