AngularJS 转换到抽象状态

Question

我正在开发一个用 AngularJS 构建的应用程序，它有两种不同的状态:

应用介绍向导

应用程序页面(带有导航模板和嵌套 View )

我想在有人第一次访问应用程序时默认为状态 1，完成向导后，继续进入应用程序页面，状态 2。

我的“应用程序”状态(状态 2)是一个抽象状态，因为它具有嵌套 View 。所以我无法过渡到这种状态。

.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("/");

})

Answer 1

我和你有同样的问题，这里有一篇关于抽象状态的帖子:angularjs ui-router default child state and ui-sref
它解释了为什么你不能直接访问抽象状态
希望能帮助到你。