问题描述
<!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='https://www.6hehe.com/wenda/node_modules/angular/angular.min.js'></script> <script src='https://www.6hehe.com/wenda/node_modules/angular-ui-router/release/angular-ui-router.min.js'></script></head><body><p ui-view></p><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: ’<p>This is b</p>’}) });</script></body></html>
为什么我打开页面后，地址是http://localhost:63341/firecontrol/test.html#/a/b，但是没有东西出来呢？template: ’<p>This is b</p>’好像没有效果，控制台没报什么错啊？
问题解答
回答1：a里面配置
.state(’a’, { url: ’/a’, template:’<p ui-view></p>’})回答2：
你要在 a 里面配置如下属性：
.state(’a’, { url: ’/a’, abstract: true})
希望有所帮助~ ：）
