angularJS 路由不能正常工作 URL中出現#!
阿新 • • 發佈:2019-02-11
使用ng-route大於1.6.0的版本時,地址中的 "/" 會自動被解析 而且還會在URL地址中加入#! 導致路由不能正常的工作
2、使用比1.6.0的低的版本。
如圖所示
解決此問題的方法有兩種 :
1、如果堅持使用當前版本的angular則在配置路由時新增如下程式碼
-
$locationProvider.hashPrefix('');
-
var myApp= angular.module('myApp',['ngRoute']);
-
myApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){
-
//這是因為Angular 1.6 版本更新後 對路由做的處理,這樣才可以和以前版本一樣正常使用
-
$locationProvider
-
$routeProvider
-
.when('/RuKu',{
-
controller:'Acontroller',
-
templateUrl:"./viewes/viw1.html",
-
})
-
.when('/OrderDetial',{
-
controller:'Bcontroller',
-
templateUrl:"./viewes/viw2.html"
-
})
-
.otherwise('/RuKu');
-
}]);
2、使用比1.6.0的低的版本。