javascript - 添加 href 属性后，ng-click 不适用于 Internet Explorer 中的 anchor 标记

Question

我有以下 anchor 标记

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

并且toggleOpen函数按预期在ng-click上被触发。但是，当我将href添加到上面的 anchor 标记时

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

即使我尝试了以下组合，toggleOpen() 函数也没有被触发:

   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">

我可以知道如何触发toggleOpen()吗，提前致谢。

Answer 1

您是否在应用程序中使用路由。如果是，那么 href 会再次将您重定向到同一页面。如果您使用 ngroute 那么在您的 app.run 中您可以使用路由更改事件:

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

                   event.preventDefault();
                   }
});

})