久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

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

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

問題描述

在angularjs的路由中使用HTML5模式,結果無法加載模版(templateUrl沒有發送http請求),而且URL中還出現的轉義。但使用標簽模式時一切OK,求大佬告知?<!DOCTYPE html><html lang='en'><head>

<meta charset='UTF-8'><base href='http://m.baoyu77737.com/' ><title>Title</title><script src='http://m.baoyu77737.com/wenda/angular.min.js'></script><script src='http://m.baoyu77737.com/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.baoyu77737.com/wenda/3466.html#/first'>first</a><a href='http://m.baoyu77737.com/wenda/3466.html#/second'>second</a>

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

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

問題解答

回答1:

目錄結構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> <!--后面需根據部署后的實際路徑做調整--> <base href='http://m.baoyu77737.com/' > <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.baoyu77737.com/first'>first</a> <a href='http://m.baoyu77737.com/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里的#號

標簽: Html5
相關文章:
主站蜘蛛池模板: 香港| 竹山县| 安乡县| 石阡县| 同江市| 颍上县| 清徐县| 泊头市| 玉田县| 大兴区| 镇远县| 成都市| 吴川市| 浑源县| 恩平市| 井冈山市| 哈巴河县| 横峰县| 民和| 中宁县| 交城县| 蓬安县| 当雄县| 安义县| 定边县| 庆城县| 北宁市| 乌拉特中旗| 丘北县| 庄浪县| 林芝县| 昂仁县| 靖边县| 元谋县| 拜城县| 陈巴尔虎旗| 隆林| 通江县| 阿拉善左旗| 玉环县| 乳源|