AngularJS中菜单跳转%2F问题

问题现象：

• 设置如下菜单栏：

<div class="collapse navbar-collapse" id="js-navbar-collapse">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#/">Home</a></li>
    <li><a ng-href="#/about">About</a></li>
    <li><a ng-href="#/coluslife">Coluslife</a></li>
  </ul>
</div>

• 打开对应菜单coluslife：

  
  coluslife

• 现象描述：
  点击coluslife菜单时，从地址栏可以看出，跳转的链接为：localhost:9000/#!/#%2Fcoluslife，多出#%2F，导致无法跳转到对应页面。分析应该为某个特殊字符引起，而!可以去除特殊字符的效果，多次尝试，找到解决方法。

解决方案：

• 代码修改如下：

<div class="collapse navbar-collapse" id="js-navbar-collapse">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#!/">Home</a></li>
    <li><a ng-href="#!/about">About</a></li>
    <li><a ng-href="#!/coluslife">Coluslife</a></li>
  </ul>
</div>

• 验证可以正常跳转到对应页面。