国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

angular.js - angularjs中路由的HTML5模式下的URL問題

瀏覽:122日期:2023-01-12 14:52:46

問題描述

在angularjs的路由中使用HTML5模式,結(jié)果無法加載模版(templateUrl沒有發(fā)送http請求),而且URL中還出現(xiàn)的轉(zhuǎn)義。但使用標(biāo)簽?zāi)J綍r一切OK,求大佬告知?<!DOCTYPE html><html lang='en'><head>

<meta charset='UTF-8'><base href='http://m.cgvv.com.cn/' ><title>Title</title><script src='http://m.cgvv.com.cn/wenda/angular.min.js'></script><script src='http://m.cgvv.com.cn/wenda/angular-route.min.js'></script><script> angular.module(’myApp’,[’ngRoute’]) .config([’$routeProvider’,’$locationProvider’,function($routeProvider,$locationProvider){$locationProvider.html5Mode(true);$routeProvider.when(’/first’,{ controller:’firstCtrl’, templateUrl:’1.html’}).when(’/second’,{ controller:’secondCtrl’, templateUrl:’2.html’}).otherwise({ redirectTo:’/first’}); }]) .controller(’myController’,function($scope,$http,$window){ }) .controller(’firstCtrl’,function($scope,$http){ }) .controller(’secondCtrl’,function($scope,$http){ });</script>

</head><body ng-app='myApp' ng-controller='myController'><p>

<a href='http://m.cgvv.com.cn/wenda/3466.html#/first'>first</a><a href='http://m.cgvv.com.cn/wenda/3466.html#/second'>second</a>

</p><p ng-view></p></body></html>

angular.js - angularjs中路由的HTML5模式下的URL問題

問題解答

回答1:

目錄結(jié)構(gòu)angular.js - angularjs中路由的HTML5模式下的URL問題

模板1 - templates/1.html

<h2>First Html</h2>

模板2 - templates/1.html

<h2>Second Html</h2>

<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width'> <title>Angular Demo</title> <!--后面需根據(jù)部署后的實際路徑做調(diào)整--> <base href='http://m.cgvv.com.cn/' > <script src='https://cdn.bootcss.com/angular.js/1.5.11/angular.min.js'></script> <script src='https://cdn.bootcss.com/angular.js/1.5.11/angular-route.min.js'></script></head><body ng-app='myApp' ng-controller='myController'><p> <a href='http://m.cgvv.com.cn/first'>first</a> <a href='http://m.cgvv.com.cn/second'>second</a></p><p ng-view></p><script> angular.module(’myApp’,[’ngRoute’]) .config([’$routeProvider’,’$locationProvider’,function($routeProvider,$locationProvider){$locationProvider.html5Mode(true);$routeProvider.when(’/first’,{ controller:’firstCtrl’, templateUrl:’templates/1.html’}).when(’/second’,{ controller:’secondCtrl’, templateUrl:’templates/2.html’}).otherwise({ redirectTo:’first’}); }]) .controller(’myController’,function($scope,$http,$window){ }) .controller(’firstCtrl’,function($scope,$http){ }) .controller(’secondCtrl’,function($scope,$http){ });</script></body></html>

另外路由建議使用 ui-router

參考資料

Angularjs html5mode模式路由

angular路由去掉的URL里的#號

標(biāo)簽: Html5
相關(guān)文章:
主站蜘蛛池模板: hd最新国产人妖ts视频 | 久久久精品久久久久三级 | 国产精品亚洲第五区在线 | 国产精品久久一区一区 | 国产精品无码久久综合网 | 另类视频在线观看 | 日本成人在线看 | 香蕉超级碰碰碰97视频蜜芽 | 午夜亚洲| 免费欧洲毛片a级视频无风险 | 日本一级大毛片a一 | 亚洲成人7777 | 精品视频自拍 | 伊人蜜桃| 日本欧美在线视频 | 精品欧美日韩一区二区 | 一级片网址 | 亚洲美女视频免费 | 欧美一级毛片特黄黄 | 亚洲精品国产福利片 | 亚洲黄色免费在线观看 | 精品国产一区二区三区免费看 | 精品久久久久久久久久久久久久久 | 日本男人的天堂 | 特黄特色大片免费播放路01 | 国产最爽的乱淫视频国语对 | 色琪琪一本到影院 | 免费亚洲黄色 | 中文字幕在线成人免费看 | 欧美成人亚洲高清在线观看 | 亚洲欧美日韩精品高清 | 国产欧美视频在线观看 | 亚洲精彩视频在线观看 | 国产亚洲欧美日韩在线观看不卡 | 国产短视频精品一区二区三区 | 欧美一区高清 | 欧美成人片在线 | 国产精品青草久久久久福利99 | 亚洲网站一区 | 久久国产亚洲精品 | 亚洲国产精品a一区二区三区 |