2017-10-13 3 views
-1

Pourriez-vous me donner un exemple pour obtenir des données de Routes? Routing & NavigationComment puis-je prendre des "données" variables à partir de Routes dans Angular 4?

const appRoutes: Routes = [ 
    { path: 'crisis-center', component: CrisisListComponent }, 
    { path: 'hero/:id',  component: HeroDetailComponent }, 
    { 
    path: 'heroes', 
    component: HeroListComponent, 
    data: { title: 'Heroes List' } // <--- How to use this data? 
    }, 
    { path: '', 
    redirectTo: '/heroes', 
    pathMatch: 'full' 
    }, 
    { path: '**', component: PageNotFoundComponent } 
]; 

Merci

+0

Dans la page liée, il y a une section avec: 'La propriété de données dans la troisième route est un endroit pour stocker des données arbitraires associées à cette route spécifique. La propriété de données est accessible dans chaque itinéraire activé. Utilisez-le pour stocker des éléments tels que les titres de page, le texte de fil d'Ariane et d'autres données statiques en lecture seule. Vous utiliserez la garde de résolution pour récupérer les données dynamiques plus tard dans le guide. DV par manque d'auto-recherche –

Répondre

1

Vous pouvez utiliser dans vos ActivatedRoute constructeurs composant/service.

Par exemple:

public class MyAppComponent{ 
data: any; 

constructor(route: ActivatedRoute){ 
     this.data = route.snapshot.data; 
    } 
} 

Vous pouvez trouver plus de détails here.