Quel est le but de l'utilisation de l'état abstrait?

Je suis en train de travailler sur mon tutoriel AngularUI projet.
J'ai lu tous les états, imbriqués les états et les états abstraits.
Le problème est que je ne comprends pas pourquoi et quand faut-il utiliser abstraite de l'état?

source d'informationauteur Michael

19

Résumé de l'état signifie que l'état que vous avez écrit ne peut pas être accessible
directement. États abstraits encore besoin de leur propre pour leurs enfants à se brancher.

Il est appelé lorsque l'on charge ses enfants de son état. Vous pouvez utiliser abstraite de l'état de définir un certain nombre de motif initial de votre page, supposons que vous pouvez prendre un exemple de site de médias sociaux, où que vous vouliez afficher profil d'utilisateur & page sociale. Pour que vous pourriez avoir un abstract de l'état, qui aura url: "" & avoir des connaissances de base de mise en page de votre page. Comme headercontent & footer nommé vues. header & footer vue nommée seront comblés par le résumé de l'état & ensuite, l'enfant va définir le le contenu dépend du module s'affiche. /profile montrera les userProfile.html & /social montrera le social page d'un utilisateur social.html.

Config
```
app.config(function($stateProvider){
  $stateProvider.state("app":
  {
    url: "", //you can have the default url here..that will shown before child state url
    abstract: true,
    views: {
       '': {
          templateUrl: 'layout.html',
          controller: 'mainCtrl'
       },
       'header': {
          templateUrl: 'header.html'
       },
       'footer': {
          templateUrl: 'footer.html'
       }
    },
    resolve: {
       getUserAuthData: function(userService){
           return userService.getUserData();
       }
    }

  })
  .state("app.profile": {
      'content@app': {
          templateUrl: 'profile.html',
          controller: 'profileController'
      }
  })
  .state("app.social": {
      'content@app': {
          templateUrl: 'social.html',
          controller: 'socialController'
      }
  })
})
```
Autre caractéristique principale de abstract est que vous pouvez avoir la résolution commune sur elle, fournir hérité de données personnalisées par le biais des données pour une utilisation par des enfants, des états ou un écouteur d'événement. Aussi, vous pouvez avoir OnEnter & OnExit sur elle pour s'assurer que les choses avant de les charger state & tout en laissant de state
5

Si vous ne voulez pas un état qui peut être touché\transféré à alors vous pouvez vous faire un résumé de l'état. Exemple
```
\A
\A.B
\A.B.C
```
Si vous ne voulez pas que l'utilisateur il suffit d'aller à \Avous devriez le faire abstract.
3

Fondamentalement, états abstraits de vous aider à déplacer des fonctionnalités communes à partir de différents états en un parent résumé de l'état.

Un exemple typique est l'état qui gère le chargement de nom d'utilisateur, les paramètres de localisation, de meta-données. Vous ne voulez pas que l'utilisateur de rediriger vers un état qui se charge juste que. Vous voulez être chargé toujours, lorsque redirigé vers chaque état

/session serait abstraite, mais
/session/main
/session/detail ne le serait pas. À travers les dépendances, les données de session serait chargé lorsque vous allez à la fois main et detail états, mais vous ne voulez pas que l'utilisateur d'aller à session état.
0

États abstraits

Il y a des situations où nous avons besoin de ont en commun certaines informations disponibles dans plusieurs états. À cette fin UI-Router offre la possibilité de spécifier des états abstraits.
Résumé les états peuvent demander à l'enfant de membres, mais ils ne peuvent pas être activés en lui-même ni transition. Un résumé de l'état est automatiquement activé lorsque l'un de ses enfant, les états sont activés.
Ceci est utile lorsque:
nous avons besoin d'ajouter une url à tous les enfants de l'état url
nous avons besoin d'insérer un modèle avec sa propre interface utilisateur vue que l'enfant, les états comblera
nous avons besoin de fournir résolu dépendances (via résoudre) afin d'être utilisé par l'enfant, les états
nous avons besoin de fournir hérité personnalisée des données d'état pour être utilisé par des enfants, des états ou des événements
Résumé les états sont définis en précisant l'abstrait clé dans la configuration de l'état de l'objet défini à true.
```
$stateProvider

.state('home', {

    abstract: true,

    templateURL: 'home.html'

})
```

Vous devez vous connecter pour publier un commentaire.