Html 在angularJS中使用链接（<；a>；标记），而不更改url

我正在使用angular和UI路由器构建一个网站

我的页面上有一个菜单边栏。有些菜单项有子菜单项，因此我尝试实现折叠功能，以便在用户单击父菜单项时显示子菜单项

在我的父菜单项中，我有一个so，当用户单击菜单链接时，它应该显示子菜单项。问题是，当用户单击链接时，它会更改url并重定向到主页

为了更好地理解，我提供了一个HTML示例

<li>
    <a href="#">Menu Item 1</a>
    <ul>
        <li><a href="#">link1</a></li>
        <li><a href="#">link2</a></li>
    </ul>
</li>

从

href

中删除

#

，如下所示：

<li>
    <a href="">Menu Item 1</a>
    <ul>
        <li><a href="">link1</a></li>
        <li><a href="">link2</a></li>
    </ul>
</li>

或者，用

span

标记替换它们，并使用

cursor:pointer

设置它们的样式。我不确定哪一个在语义上更有效，但这两个选项都有效。

从

href

中删除

#

，如下所示：

<li>
    <a href="">Menu Item 1</a>
    <ul>
        <li><a href="">link1</a></li>
        <li><a href="">link2</a></li>
    </ul>
</li>

---

或者，用

span

标记替换它们，并使用

cursor:pointer

设置它们的样式。我不确定哪一个在语义上更有效，但两个都可以。

删除href并替换为ng href（angular href good practice）

---

使用角度值是一种很好的做法，并且得到了支持，因为ng-**keywods标记等来自angular系列

删除href并替换为ng href（angular href良好做法）

---

使用角度值是一种很好的做法，并且得到了支持，因为ng-**keywods标记等来自angular系列

使用ng href没有意义，因为我们在href属性上没有任何绑定。使用ng href没有意义，因为我们在href属性上没有任何绑定