問題現象：
- 設置如下菜單欄：
<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>
- 驗證可以正常跳轉到對應頁面。
