12

私は AngularJS で構築された、2 つの異なる状態を持つアプリケーションに取り組んでいます。

  1. アプリ紹介ウィザード
  2. アプリ ページ (ナビゲーション テンプレートとネストされたビューを含む)

誰かが初めてアプリにアクセスしたときに状態 1 をデフォルトに設定し、ウィザードを完了したら、アプリ ページの状態 2 に進みます。

私の「アプリ」状態 (状態 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("/");

})
4

3 に答える 3

14

私はあなたと同じ問題を抱えています。ここに抽象状態に関する投稿があります: angularjs ui-router default child state and ui-sref

抽象状態に直接アクセスできない理由を説明します

それが役に立てば幸い。

于 2014-09-16T11:14:28.117 に答える