Angularjs ui-router état abstrait avec résolution
Est-il possible de faire un résumé de l'état avec l'interface utilisateur du routeur qui doit résoudre des données? J'ai besoin de charger la moitié supérieure d'une page avec les informations de son profil, et ensuite une sous-nav qui se charge d'autres détails au bas de la page. L'idée est que le résumé de l'état serait de charger le profil de l'info à chaque fois indépendamment de l'état d'enfant je suis sur. Il ne semble pas fonctionner.
Exemple:
.state('app.profile', {
abstract: true,
url: 'user/:username',
views: {
content: {
templateUrl: 'views/frontend/profile.html',
controller: 'ProfileCtrl',
resolve: {
data: ['$stateParams', 'ProfileService', function ($stateParams, ProfileService) {
var username = $stateParams.username;
return ProfileService.getProfile(username);
}]
}
}
}
})
.state('app.profile.something', {
url: '',
views: {
profile: {
templateUrl: 'views/frontend/profile.something.html',
controller: 'ProfileCtrl',
resolve: {
data: ['$stateParams', 'ProfileService', function ($stateParams, ProfileService) {
var username = $stateParams.username;
return ProfileService.getProfileSomething(username);
}]
}
}
}
})
source d'informationauteur codephobia
Vous devez vous connecter pour publier un commentaire.
Solution ici est de distinguer les noms de l'résolu de données. Cochez cette réponse:
Et ses plunker
Donc, dans notre cas, nous aurions besoin de ce changement de parent
et ce dans enfant
donc, au lieu de travailler à résoudre : { données: ... } dans le parent et l'enfant nous aurions ces:
Un exemple de travail devrait être mieux que d'autres mots...