我有一个可以打开新标签页的元素

<a href="#" ng-click="ordersCtrl.goToDetailsnewTab(row,$event)">{{row.id}}</a>

vm.goToDetailsnewTab = function(row,$event) {
  if ($event && 'preventDefault' in $event) {
    $event.stopPropagation();
    $event.preventDefault();
  }

  vm.row.select(row);

  var url = $state.href('app.orders.details',{
    id: row.id,breadCrumbs: row.id
  },{  inherit: false });

  window.open(url,'_blank');
};

我的问题是，当我单击新选项卡上的<a>标签时，它还会触发父选项卡上的goToDetailsnewTab功能。为什么会这样？