如何将链接视为内部链接，但不使用路由？

Question

我有一个表，想要根据某个列对表进行排序。我使用了代码here。顺便说一下这里是html，我正在使用。

<span class="label">Ordered By: {{orderByField}}, Reverse Sort: {{reverseSort}}</span><br><br>
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>
          <a href="#" ng-click="orderByField='firstName'; reverseSort = !reverseSort">
          First Name <span ng-show="orderByField == 'firstName'"><span ng-show="!reverseSort">^</span><span ng-show="reverseSort">v</span></span>
          </a>
        </th>
 </tr>
    </thead>
    <tbody>
      <tr ng-repeat="emp in data.employees|orderBy:orderByField:reverseSort">
        <td>{{emp.firstName}}</td>
      </tr>
    </tbody>
  </table>

这是控制器：

var app = angular.module('need-for-parking');

app.controller('DriversController', function($scope) {
  $scope.orderByField = 'firstName';
  $scope.reverseSort = false;

  $scope.data = {
    employees: [{
      firstName: 'John',

    },{
      firstName: 'Frank',

    },{
      firstName: 'Sue',

    }]
  };
});

好吧，使用这段代码，我在表格的标题中建了一个链接。问题是，当我点击此链接时，它会转到应用程序的主页面。我认为这是因为routing中的这一行。

.otherwise({
    redirectTo: '/search'
});

这意味着，它考虑到这一点   <a href="#" ng-click="orderByField='firstName'; reverseSort = !reverseSort">

作为内部链接并回答它，它会尝试使用它的路由，这是错误的。