AngularJS transizione verso stato astratto

Question

Sto lavorando a un'applicazione creata con AngularJS che ha due stati diversi:

1. intro guidata App
2. pagine App (con un modello di navigazione e vista nested)

voglio 2.

mio stato "app" per default Stato 1 accede alla prima volta che qualcuno l'applicazione, una volta fatto il mago, proseguire per pagine App, State (Stato 2) è uno stato astratto perché ha viste nidificate. Quindi non posso passare a questo stato.

.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

Ho lo stesso problema con voi, qui è altro post su stato astratto: angularjs ui-router default child state and ui-sref

Lo ha fatto chiaramente spiegare perché non si è in grado di accedere stato direttamente astratto

E 'po' In ritardo per rispondere a questo post, ma spero che possa essere d'aiuto.

(Btw, questo dovrebbe essere un commento)

Answer 2

Ho aggiunto di servizio $ posizione al controller della pagina "intro" e utilizzare il seguente per il transito a App stato che funziona per me.

$location.path('app/playlists'); 

Il menu.html viene caricato e spostato nelle playlist.

Answer 3

In un servizio:

$location.path(
    $state.href('app.some.abstract.state', { some: 'params' }) 
); 

o in un modello ($state devono essere disponibili nella $scope locale o globale):

<a ng-href="{{$state.href('app.some.abstract.state', { some: 'params' })}}">...</a>