AngularJS UI-Router obtenir l'état actuel de l'intérieur d'une vue

Considérant les états ci-après, prises à partir de l'interface utilisateur-la documentation du routeur:

.state('state1', {
  url: '/state1',
  templateUrl: 'partials/state1.html'
  controller: 'State1Ctrl'
})
.state('state1.list', {
  url: '/list',
  templateUrl: 'partials/state1.list.html',
})

Et le contrôleur pour "partials/state1.html" pour l'état "état1":

.controller('State1Ctrl', function () {

});

Est-il construit en fonction pour déterminer, à partir dans le contrôleur ou à l'intérieur du modèle, quel est l'état du contrôleur/modèle est associé?

Par exemple:

.controller('State1Ctrl', function ($state) {
  console.log($state.this); //state1
});

Et si il n'y a pas de solution intégrée, comment feriez-vous pour "décorer" $état ou $stateParams, pour contenir cette information?

La seule solution que j'ai trouvé est d'utiliser $état.get() et ensuite trouver l'état avec le contrôleur ou de la valeur de modèle. Cela semble incroyablement bordélique, si.

InformationsquelleAutor TaylorMac | 2014-07-30

angular-ui-router angularjs

10

Ne pouvais pas trouver ce document n'importe où, alors j'ai regardé dans le code source.

Il y a un champ de données nommée $uiView attaché à l'interface utilisateur-pour afficher l'élément, il contient le nom de la vue et de l'état associé. Vous pouvez obtenir cet état comme ceci:
```
elem.closest('[ui-view]').data('$uiView').state
```
ou même
```
elem.inheritedData('$uiView').state
```
- Wow, merci. La documentation est très fragmentée et incomplète à mon avis, etrange pour un outil largement utilisé. Génial
- ne semble pas comme angulaires-chemin. Vous essayez d'accéder à l'élément dom directement. Ses jQuery façon.
- vous avez raison. Ce n'est pas l'angle Moyen. Mais c'est la Seule Manière:)
- Dans l'interface utilisateur du routeur 1.0+, les choses ont un peu changé. Cela fonctionne pour moi: elem.inheritedData('$uiView').$cfg.viewDecl.$context. Les données de l'état est également disponible dans $cfg.path, qui est ce que l'interface utilisateur-sref utilise quand il fait des liens. Voir la stateContext fonction: github.com/angular-ui/ui-router/blob/1.0.13/src/directives/...
InformationsquelleAutor cipak
58

Vous pouvez accéder à l'état actuel configuratin de l'objet comme ceci:
```
$state.current
```
Pour plus d'informations, jetez un oeil à la $état de la documentation.
- État actuel montrera $champ d'application.courant === 'état1.liste de " à l'intérieur d' 'State1Ctrl", et non pas $champ d'application.courant = 'état1" SI l'état est " état1.liste". $etat.le courant est toujours l'état actuel, pas à l'état lié au contrôleur.
- Dans ionic1 est en fait $state.current.name - mais néanmoins merci pour l'aide
InformationsquelleAutor Himmet Avsar
30

Vous pouvez le faire comme suit,
```
$state.current.name //Return the name of current state
```
- son travail, Merci
InformationsquelleAutor JOSE GIBRAN POLONSKY MARQUEZ
5

Nous pouvons voir ce est défini pour current de l'état, à l'aide de la $state.current, cochez cette exemple montrant:
```
state1
{
  "url": "/state1",
  "template": "<div>state1 <pre>{{current | json }}</pre><div ui-view=\"\"></div> </div>",
  "controller": "State1Ctrl",
  "name": "state1"
}
list
{
  "url": "/list",
  "template": "<div>list <pre>{{current | json }}</pre></div>",
  "controller": "State1Ctrl",
  "name": "state1.list"
}
```
le contrôleur:
```
.controller('State1Ctrl', function($scope, $state) {

  $scope.current = $state.current

});
```
vérifier que ici

ÉTENDRE: L'exemple ci-dessus retournera toujours actuelle de l'état - c'est à dire si il y a une hiérarchie de trois membres et nous avons accès le dernier état ('state1.list.detail') directement:
```
<a ui-sref="state1.list.detail({detailId:1})">....
```
Chaque contrôleur sera fournie avec le même état: $état("état1.liste.détail").

Pourquoi? beause cet état a suffisamment d'informations, ce sont tous les points de vue (hiérarchiquement emboîtés) et de leurs contrôleurs requis. Nous pouvons observer que l'ensemble de la
```
$state.$current //not .current
```
Rapidement discuté ici citer:

En outre, les utilisateurs peuvent joindre des décorateurs, qui va générer de nouvelles propriétés au sein de l'état interne de définition. Actuellement, il n'est pas évident de cas d'utilisation pour cet au-delà de l'accès internes (c'est à dire $state.$current), cependant, s'attendre à ce que cela devienne de plus en plus pertinents que nous introduisons des méta-programmation des fonctions.

MAIS: il n'y a AUCUN moyen, comment obtenir des informations à partir de l'actuel contrôleur instance, à qui $state il appartient! Même les itérations, la recherche par le biais de certains $state.get('stateName') seront pas fiables, parce que tout simplement il n'y a pas gardé l'égard de cette façon. Un contrôleur Class pourrait être utilisé pour de nombreux points de vue différents Instances. Et aussi, de par mon expérience, je ne me souviens pas de tout cas, quand j'ai besoin de connaître ces informations... que maintenant, il est un peu plus clair
- Voir la réponse à la user2992420 ci-dessous
- Veuillez illustrer avec un plunkr si vous pouvez 🙂 je vais avoir un moment difficile la mise en œuvre de ce dans mon contrôleur, je vous remercie!
- Essayez de donner à l'enfant l'état de son propre contrôleur: plnkr.co/modifier/Czc5kGpCwsruUQe2EanZ?p=preview. C'est la question que je suis en cours d'exécution dans
- En fait, il n'a pas d'importance. Dans votre exemple, il ne fonctionne pas non plus. Essayez de naviguer directement vers /état1/liste dès que le chargement de la page. Il va montrer que /est la liste des "courants" de l'état dans les deux contrôleurs/modèles.
- J'ai réalisé que mon expalnation n'était pas exacte précédemment. Et j'ai aussi réalisé que vous avez décidé de faire confiance à certains évident, mais en fait pas de réponse précise. Peut-être que l'extension au-dessus de l'aide. S'il vous plaît comprenez-moi bien...mon seul objectif est d'aider et d'améliorer notre compréhension de cet outil étonnant ui-router (notre je veux dire, moi y compris;) bonne chance
- Merci, j'ai trouvé qu'il est important de savoir quel état est associé avec le contrôleur lorsque le contrôleur est chargé dans le cas où vous avez un modèle de données qui est le représentant de la hiérarchie de vos points de vue, et lorsque vous réutilisez des contrôleurs (ce qui est bien pratique, mais difficile si vous ne pouvez pas déterminer le "contexte" de la manette comme il se rapporte à l'etat. C'est une commune de la POO problème, qui existe sans solution dans ui-router).
InformationsquelleAutor Radim Köhler
3

Ceci est utile si vous êtes à la recherche pour l'Actuel nom de l'etat, $etat.actuel.nom

InformationsquelleAutor Abhijeet
1

Pas sûr que c'est la même version, mais sur 0.3.1 vous pouvez l'utiliser pour obtenir l'état actuel:
```
$state.$current.name
```
Et à effectuer une vérification:
```
$state.is('contact.details.item');
```
De la Documentation:
https://ui-router.github.io/ng1/docs/0.3.1/index.html#/api/ui.router.state.$état

InformationsquelleAutor Marcos
0

Si vous voulez vérifier l'état actuel

console.log("state", $state.current)

Si vous voulez vérifier le nom de l'état actuel nom

console.log("statename", $state.current.name)

InformationsquelleAutor shael
0

Un groupe de travail "hors de la boîte" Contrôleur à partir de votre code, ce qui montre l'état:
```
.controller('State1Ctrl', function ($state) {
    console.log("Current State: ", $state.current.name);
});
```
InformationsquelleAutor Oleg

Vous devez vous connecter pour publier un commentaire.