我正在开发一个使用AngularJS构建的应用程序,它有两种不同的状态:
- App简介向导
- 应用页面(带有导航模板和嵌套视图)
我想在第一次有人访问应用程序时默认为状态1,一旦完成向导,继续到应用程序页面,状态2。
我的“app”状态(状态2)是一个抽象状态,因为它具有嵌套视图。所以我无法过渡到这种状态。
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('intro', {
url: '/',
templateUrl: 'templates/intro.html',
controller: 'IntroCtrl'
})
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.playlists', {
url: "/playlists",
views: {
'menuContent' :{
templateUrl: "templates/playlists.html",
controller: 'PlaylistsCtrl'
}
}
});
$urlRouterProvider.otherwise("/");
})