AngularJS 路由 是通過“# +” 標(biāo)記 幫助我們區(qū)分不同的邏輯頁面并將不同的頁面綁定到對應(yīng)的控制器上蒋纬。因此在設(shè)置好路由規(guī)則后昵济,為html頁面的a標(biāo)簽設(shè)置href路由鏈接切換不同的視圖捐迫。Angular1.6版本之前通常有href=“#...”或href=“#/...”這兩種寫法葫笼,結(jié)果這兩種寫法在Angular1.6中沒有任何反應(yīng)贤重。
驚現(xiàn):瀏覽器地址欄飞蛹,默認(rèn)視圖鏈接竟然顯示“#!/..”,是的漾肮,中間多加了個厂抖!號。
AngularJS升級到了1.6版本后克懊,修改了hash前綴/#!/忱辅。那么1.6究竟做了哪些改變呢?可以參考這個:https://github.com/angular/angular.js/commit/aa077e81129c740041438688dff2e8d20c3d7b52
解決方案一:
在html頁面a標(biāo)簽上將href的屬性值添加一個谭溉!號就可以了墙懂。 -最簡單的方式!扮念!
<p><a href="#!/addStudent">添加學(xué)生</a></p>
<p><a href="#!/viewStudents">查看學(xué)生</a></p>
解決方案二:
讓路由依舊表現(xiàn)的與之前版本的一致:
appModule.config(["$locationProvider","$routeProvider",function($locationProvider,$routeProvider){
/* 將hash前綴修改為舊版本的空值 */
$locationProvider.hashPrefix('');
}]);