AngularJS 路由 是通過 # + 標記 幫助我們區(qū)分不同的邏輯頁面并將不同的頁面綁定到對應(yīng)的控制器上。因此在設(shè)置好路由規(guī)則后，為html頁面的a標簽設(shè)置href路由鏈接切換不同的視圖。Angular1.6版本之前通常有href=“#...”或href=“#/...”這兩種寫法，結(jié)果這兩種寫法在Angular1.6中沒有任何反應(yīng)。

十載的馬鞍山網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整馬鞍山建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“馬鞍山網(wǎng)站設(shè)計”,“馬鞍山網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

結(jié)果查看了下瀏覽器地址欄，默認視圖鏈接竟然顯示“#!/..”,是的，中間多加了個！號。

AngularJS升級到了1.6版本后，里面多了很多/#!/的改動。那么1.6究竟做了哪些改變呢？可以參考這個：https://github.com/angular/angular.js/commit/aa077e81129c740041438688dff2e8d20c3d7b52

解決方案一：

所以在html頁面a標簽上將href的屬性值添加一個！號就可以了。

添加學生
 
查看學生
 

完整代碼：

 
   
     
     
     
     
   
   
    
AngularJS 視圖
 
    
 
      
添加學生
 
      
查看學生
 
      
 
       
       
    
 
     
   
 

解決方案二：

如果想讓路由依舊表現(xiàn)的與之前版本的一致可以這樣做：

mainApp.config(["$locationProvider","$routeProvider",function($locationProvider,$routeProvider){ 
    $locationProvider.hashPrefix(''); 
}]); 

添加學生
 
查看學生
 

完整代碼：

 
   
     
     
     
     
   
   
    
AngularJS 視圖
 
    
 
      
添加學生
 
      
查看學生
 
      
 
       
       
    
 
     
   
 

這樣瀏覽器訪問時，就不會多出個！號了。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。