如何防止锚标签上的默认值？

<input ng-model="value" /><br />
<a id="link-1" href ng-click="value = 1">link 1</a> (link, don't reload)<br />
<a id="link-2" href="" ng-click="value = 2">link 2</a> (link, don't reload)<br />
<a id="link-4" href="" name="xx" ng-click="value = 4">anchor</a> (link, don't reload)<br />
<a id="link-5" name="xxx" ng-click="value = 5">anchor</a> (no link)<br />

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

// then in your controller.do($event) method
$event.preventDefault()

<a href="#" ng-click="do()" eat-click>Click Me</a>

module.directive('eatClick', function() {
    return function(scope, element, attrs) {
        $(element).click(function(event) {
            event.preventDefault();
        });
    }
})

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

<a href="#" ng-click="do(); $event.preventDefault(); $event.stopPropagation();">
    Click</a>

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

<a href="javascript:void(0)" ng-click="doSomething()">Do Something</a>

<a href="#dontGoHere" ng-click="doSomething(); $event.preventDefault()">Do Something</a>

 [ng-click],
 [data-ng-click],
 [x-ng-click] {
     cursor: pointer;
 }

<a href="#" ng-click="do(); $event.preventDefault(); $event.stopPropagation();">Click me</a>

$scope.do = function() {
    alert("do here anything..");
}

<a href="#" ng-click="do()">Click me</a>

$scope.do = function(event) {
    event.preventDefault();
    event.stopPropagation()
}

<button ng-click="do()"></button>

<a href="" ng-click="do()">Click</a>

<a ng-click="unselect($event)" />

...

scope.unselect = function( event ) {
 event.preventDefault();
 event.stopPropagation();
}

...

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

<a ng-click="do()">Click</a>

<a href ng-click="do()">Click</a>

<a href="#" ng-click="show = !show; $event.preventDefault()">Click to show</a>

 <a ng-href="#" ng-click="$event.preventDefault();vm.questionContainer($index)">{{question.Verbiage}}</a>

angular.module('MyApp').directive('clickPrevent', function() {
  return function(scope, element, attrs) {
    return element.on('click', function(e) {
      return e.preventDefault();
    });
  };
});

<a data-click-prevent="true" href="/users/sign_up" ng-click="openSignUpModal()">Sign up</a>

.directive('a', [
    function() {
        return {
            restrict: 'E',
            link: function(scope, elem, attrs) {

                elem.bind('click', function(e){
                    if (attrs.ngClick || attrs.href === '' || attrs.href == '#'){
                        e.preventDefault();
                        e.stopPropagation();
                    }
                })
            }
        };
    }
])

 <a href="javascript:;" ng-click="do()">Click</a>

if (!element.attr(href)) {
    event.preventDefault();
}

a[ng-click] {
    /* Styles for anchors without href but WITH ng-click */
    cursor: pointer;
}

 app.config(['$locationProvider', function ($locationProvider) {
    $locationProvider.html5Mode({
        enabled: true,
        rewriteLinks: false,
        requireBase: false
    });
}]); 

import { Directive, HostListener } from '@angular/core';

@Directive({
  selector: '[preventDefault]'
})
export class PreventDefaultDirective {

  @HostListener("click", ["$event"])
  public onClick(event: any): void
  {
    console.log('click');
    debugger;
      event.preventDefault();
  }

}

  <a ngbDropdownToggle preventDefault class="nav-link dropdown-toggle" href="#" aria-expanded="false" aria-haspopup="true" id="nav-dropdown-2">Pages</a>

import { PreventDefaultDirective } from './shared/directives/preventdefault.directive';


@NgModule({
  declarations: [
    AppComponent,
    PreventDefaultDirective

<span ng-click="do()">Click</span>