javascript - ui-view一直加载不出来,求解答。控制台没报错
本文介绍了javascript - ui-view一直加载不出来,求解答。控制台没报错的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
这是页面代码
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width">
<title>WebApp</title>
<link rel="stylesheet" href="/css/index.css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<div ui-view></div>
<script type="text/javascript">
document.getElementsByTagName('html')[0].style.fontSize = window.screen.width/10+'px';
</script>
<script src="vendor/angular/angular.min.js" charset="utf-8"></script>
<script src="vendor/angular-ui-router/release/angular-ui-router.min.js" charset="utf-8"></script>
<script src="vendor/angular-cookies/angular-cookies.min.js" charset="utf-8"></script>
<script src="vendor/angular-validation/dist/angular-validation.js" charset="utf-8"></script>
<script src="vendor/angular-animate/angular-animate.min.js" charset="utf-8"></script>
<script src="js/index.js" charset="utf-8"></script>
</body>
</html>
main.html
<div app-head></div>
指令
`angular.module('app').
controller('mainCtrl', ['$http', '$scope', function($http, $scope){
$http.get('/data/positionList.json').success(function(resp){
$scope.list = resp;
});
}]);
angular.module('app').directive('appHead', [ function(){
return {
restrict: 'A',
replace: true,
templateUrl: 'view/template/head.html',
};
}]);
`
路由配置
angular.module('app', ['ui.router', 'ngCookies', 'validation', 'ngAnimate']);
angular.module('app').config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
$stateProvider.state('main', {
url: '/main',
templateUrl: 'view/main.html',
controller: 'mainCtrl'
});
$urlRouterProvider.otherwise('/main');
}])
解决方案
.1+454554455
这篇关于javascript - ui-view一直加载不出来,求解答。控制台没报错的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文