Angularjs ui-router 加载多视图的问题。
跑了下
官方的例子
，但是没加载出来。不知道为什么。
以下是代码
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Index</title>
<script src="js/angular.js"></script>
<script src="js/angular-ui-router.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div ui-view="filters"></div>
<div ui-view="tabledata"></div>
<div ui-view="graph"></div>
</body>
</html>
app.js
var myApp = angular.module("myApp",["ui.router"]);
myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("report");
$stateProvider.state('report',{
views: {
'filters': {
'template':"<h1>filters<h1>"
},
'tabledata': {
'template':"<h1>tabledata<h1>"
},
'graph': {
'template':"<h1>graph<h1>"
}
}
})
});
这是运行结果
控制台无报错。
AngularJs的版本是1.4.7
angularui JavaScript angularjs
Reborn伪
8 years, 6 months ago
Answers
自问自答吧。发现问题少写了个url参数。官方的例子也是傻傻地没写，不知道深层次的原因。。。
var myApp = angular.module("myApp",["ui.router"]);
myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("report");
$stateProvider.state('report',{
url:"/",
views: {
'filters': {
template:"<h1>filters<h1>"
},
'tabledata': {
template:"<h1>tabledata<h1>"
},
'graph': {
template:"<h1>graph<h1>"
}
}
})
.state('filters',{
template:"<h1>filters<h1>"
})
});
海が割れる日
answered 8 years, 6 months ago