angular-ui-router为什么不能加载视图?
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>Title</title>
<script src="node_modules/angular/angular.min.js"></script>
<script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script>
</head>
<body>
<div ui-view></div>
<script>
var app = angular.module('app', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('/a/b');
$stateProvider
.state('a', {
url: '/a'
})
.state('a.b', {
url: '/b',
template: '<div>This is b</div>'
})
});
</script>
</body>
</html>
为什么我打开页面后,地址是http://localhost:63341/firecontrol/test.html#/a/b,但是没有东西出来呢?template: '<div>This is b</div>'好像没有效果,控制台没报什么错啊?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
a里面配置
你要在
a
里面配置如下属性:希望有所帮助~ :)