Javascript 如何在AngularJs中突出显示导航中的选定链接而不重定向页面

Javascript 如何在AngularJs中突出显示导航中的选定链接而不重定向页面,javascript,angularjs,Javascript,Angularjs,我有一个链接列表。我想使选中的链接在点击时高亮显示,但不重定向到页面。下面是代码 HTML <ul class="nav nav-list"> <li ng-repeat="navLink in navLinks" ng-class="navClass('{{navLink.Title}}')"> <a href='#/{{navLink.Title}}'>{{navLink.LinkText}}</a> &l

我有一个链接列表。我想使选中的链接在点击时高亮显示,但不重定向到页面。下面是代码

HTML

  <ul class="nav nav-list"> 
    <li ng-repeat="navLink in navLinks" ng-class="navClass('{{navLink.Title}}')">
       <a href='#/{{navLink.Title}}'>{{navLink.LinkText}}</a> 
    </li>
  </ul>
上面的代码运行良好,每当我点击其中一个链接时,它会突出显示该链接,但它会重定向到该特定页面

我想显示为选中,但不想重定向到页面时,我点击链接。我的代码会有什么变化?

根据您的要求,您可以使用
ng dblclick
,它只需双击即可执行。因此,当用户单击您的链接时,它将高亮显示,但不会重定向到该页面

您可以在控制器中编写一个函数来重定向页面。假设您在controller中创建了“redirectPage”函数,那么您的链接如下所示:

<a ng-dblclick="redirectPage()">link</a>


希望它能工作:)

所以,如果你点击链接,你不应该重定向到该页面,但你应该留在当前页面本身,对吗?没问题。如果有效,请将其作为正确答案。谢谢
<a ng-dblclick="redirectPage()">link</a>