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

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

angular.js - 使用angular route的時候,頁面切換會暫時性出現一段空白,然后內容才加載出來

瀏覽:219日期:2024-10-07 16:03:37

問題描述

angular.js - 使用angular route的時候,頁面切換會暫時性出現一段空白,然后內容才加載出來

問題解答

回答1:

用ui-router

<!doctype html><html ng-app='myApp'><head><meta http-equiv='Content-Type' content='text/html;charset=UTF-8'> <link rel='stylesheet' type='text/css' href='http://m.baoyu77737.com/wenda/bootstrap.css' media='all'> <script src='http://m.baoyu77737.com/wenda/angular.min.js'></script> <script src='http://m.baoyu77737.com/wenda/angular-ui-router.min.js'></script> </head><body><p class=’container’> <a ui-sref='state1'>State 1</a> <a ui-sref='state2'>State 2</a><p class='row'> <p class='span12'> <p ui-view></p> </p> </p> </p><script type='text/javascript'> var myApp = angular.module(’myApp’, [’ui.router’]);myApp.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/state1'); $stateProvider .state(’state1’, { url: '/state1', templateUrl: 'partials/state1.html' }) .state(’state1.list’, { url: '/list', templateUrl: 'partials/state1.list.html', controller: function($scope) {$scope.items = ['one','two']; } }) .state(’state2’, { url: '/state2', templateUrl: 'partials/state2.html' }) .state(’state2.list’, { url: '/list', templateUrl: 'partials/state2.list.html', controller: function($scope) {$scope.things = ['three',’four’]; } });});</script></body></html>回答2:

因為這里templateurl相當于發(fā)起了一個異步請求,可能是因為這個,可以嘗試先將需要加載的template緩存,推薦使用ui-router

主站蜘蛛池模板: 元氏县| 来安县| 玉树县| 瑞金市| 集安市| 浦东新区| 寻乌县| 阳高县| 沙河市| 东光县| 同心县| 湖南省| 冷水江市| 金堂县| 黄浦区| 汪清县| 息烽县| 十堰市| 肃南| 金门县| 措美县| 本溪市| 三原县| 务川| 马鞍山市| 诸城市| 邻水| 南岸区| 九寨沟县| 农安县| 灌南县| 赤城县| 孙吴县| 耿马| 昭苏县| 乐都县| 凌云县| 镇平县| 繁峙县| 法库县| 都兰县|