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
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
自问自答吧。发现问题少写了个url参数。官方的例子也是傻傻地没写，不知道深层次的原因。。。
是不是没激活路由。。。
参考下这篇文章或许能说得通为什么要加url。http://blog.csdn.net/ligang25...