angular.js - angular-ui-router为什么不能加载视图？
本文介绍了angular.js - 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>'好像没有效果，控制台没报什么错啊？解决方案
a里面配置
.state('a', {
url: '/a',
template:'<div ui-view></div>'
})这篇关于angular.js - angular-ui-router为什么不能加载视图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
