AngularJS transition vers l'abstrait de l'état

Je travaille sur une application construite avec AngularJS qui a deux états différents:

Application intro assistant
Pages de l'application (avec un modèle Navigation et vues imbriquées)

Je veux par défaut à l'État 1, la première fois que quelqu'un d'accéder à l'application, une fois terminé l'assistant, pour continuer sur les pages de l'Application, de l'État 2.

Mon "application" de l'état (État 2) est un résumé de l'état parce qu'il a vues imbriquées. Je ne peux donc pas la transition vers cet état.

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

})

Ainsi le passage de l'un de l'enfant, les états? Et/ou de faire quelque chose comme ceci: $urlRouterProvider.lorsque('/app', '/app/listes de lecture');
J'ai essayé, mais depuis mon État d'application est à l'aide d'un côté le modèle de menu, allez directement à l'application et/ou de lecture ne se charge pas dans le menu.
eu le même problème aucune solution pour ce. Je suis en train d'intégrer Ionique Intro Tutoriel avec le Splashscreen(codepen.io/gwhickman/stylo/zpDFG) avec le côté menu de l'application mise en le problème.
Malheureusement, pas. J'avais mis au rebut ce flux et retravaillé l'intégration de mon application.

OriginalL'auteur Mark Kamyszek | 2014-04-04

13

J'ai eu le même problème avec vous, voici d'autres post à ce sujet abstrait de l'état: angularjs l'interface utilisateur par défaut du routeur de l'enfant de l'état et de l'interface utilisateur-sref

Il n'a clairement expliquer pourquoi vous n'êtes pas en mesure d'accéder directement résumé de l'état

C'est peu en retard pour répondre à ce post, mais j'espère que ça aidera.

(Btw, ce devrait être un commentaire)

OriginalL'auteur Neaped
3

J'ai ajouté $le service de localisation pour le contrôleur de la "intro" de la page et utilisez la commande suivante pour le transit de l'état d'application qui fonctionne pour moi.
```
$location.path('app/playlists');
```
L'menu.html est chargé et a navigué à des listes de lecture.

OriginalL'auteur Yang Zhang

Dans un service:

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

Ou dans un modèle ($state doit être disponible dans le local ou global $scope):

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

OriginalL'auteur Zane Hooper

Vous devez vous connecter pour publier un commentaire.