AngularJS过渡到抽象状态

发布时间：2020-12-17 09:56:33 所属栏目：安全来源：网络整理

导读：我正在使用具有两种不同状态的AngularJS构建的应用程序：应用简介向导应用页面(带导航模板和嵌套视图) 我想默认状态1第一次有人访问该应用程序,一旦完成向导,继续到App页面,状态2. 我的“app”状态(状态2)是一个抽象的状态,因为它有嵌套视图.所以我不能过

我正在使用具有两种不同状态的AngularJS构建的应用程序：

>应用简介向导
>应用页面(带导航模板和嵌套视图)

我想默认状态1第一次有人访问该应用程序,一旦完成向导,继续到App页面,状态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("/");

})

我有与你同样的问题,这里是关于抽象状态的其他帖子： angularjs ui-router default child state and ui-sref

它清楚地解释了为什么你不能直接访问抽象状态

回覆这篇文章已经晚了一些,但希望能帮到忙.

(Btw,这应该是一个评论)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!