angularjs路由 点击导航时怎么让导航处于选中高亮状态？先谢谢各位了

Question

就以这个百度的为例，点击“网页”的时候下方有个下边框，就是处于选中的高亮状态的效果。在网上找了许多例子也做不好，我有点愚笨，所以希望大家说说吧…………

Answer 1

(1)你在切换导航的时候给个类型区别，你可以在url添加一个锚点，例如http://localhost:8086/topic/index?nav=XXX.（XXX就是点击nav名字）
(2)

<ul>
    <li data-type=“wangye”>网页</li>
    <li data-type=“xinwen”>新闻</li>
    <li data-type=“tieba”>贴吧</li>
</ul>

(3)用jquery或者js或者angularjs里自带的路由获取url里的XXX,让li里的data-type值与XXX相等的添加高亮状态。当然你也可以不用data-type，用id也可以。例如：

<ul>
    <li id=“wangye”>网页</li>
    <li id=“xinwen”>新闻</li>
    <li id=“tieba”>贴吧</li>
</ul>

$(XXX).addClass(高亮class)；把XXX当id即可；
(4)好处:页面刷新，选中的高亮状态也不会消失，到达预期效果。 坏处：代码不够优美，有待优化与改善

Answer 2

虽然已解决了 但是谢谢老哥