添加href属性后，ng-click在Internet Explorer中不适用于锚标记

Question

I have below anchor tag

    <a class="accordion-toggle" ng-click="toggleOpen()" accordion-      
    transclude="heading"> 

and toggleOpen function is getting triggered on ng-click as expected.However when I add href to the above anchor tag as

    <a href="#" class="accordion-toggle" ng-click="toggleOpen()" accordion-      
    transclude="heading">

toggleOpen() function is not getting triggered,even I tried the below combinations:

   1) <a href="#" class="accordion-toggle" ng-click="$event.preventDefault(); $event.stopPropagation(); toggleOpen()" accordion-      
    transclude="heading">

   2)<a href="" class="accordion-toggle" ng-click="$event.preventDefault(); $event.stopPropagation(); toggleOpen()" accordion-      
    transclude="heading">

   3)<a ng-href="#" class="accordion-toggle" ng-click="$event.preventDefault(); $event.stopPropagation(); toggleOpen()" accordion-      
    transclude="heading">

May I know how we can make toggleOpen() get triggered, thanks in advance.

Answer 1

Are you using routes in your application. If you are then href will redirect you to same page again . if you are using ngroute then in your app.run you can use route change event:

app.run($rootScope,function(){
     $rootScope.$on('$locationChangeStart', function(event, next, current) {
                  if(next == '#' || next.indexOf('#') == -1) {

                   event.preventDefault();
                   }
});

})