AngularJS过渡到抽象状态

前端之家收集整理的这篇文章主要介绍了AngularJS过渡到抽象状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用具有两种不同状态的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,这应该是一个评论)

原文链接:https://www.f2er.com/angularjs/140300.html

猜你在找的Angularjs相关文章