angular2 pass data to route definition

Asked Sep 29 '17 at 11:10

Active Sep 29 '17 at 11:24

Viewed 198 times

For my mobile version I need to have different header title for every page, I can do that using header service and set title in each of my component, I also can listen to url changes in my header component and set up title depends on url, but I don't like it. What I really wanna do is to set title in my route definition like this

const mobileRoutes: Routes = [
    { path: 'login', data: { title: 'login' }, loadChildren: '../mobile/login/login.module#LoginModule' },
];

I get this idea from this article about preloading modules https://vsavkin.com/angular-router-preloading-modules-ba3c75e424cb, but I can't get it work for route changes. 2 problems: 1) if I subscribe to route.data, there is no data['title'] (however it works for PreloadingStrategy)

this.route.data.subscribe(data => {
      console.log(data);
    });

2) I don't know how to subscribe to route change in the way to get route object and not events. Is it even possible?

edited Sep 29 '17 at 11:24

asked Sep 29 '17 at 11:10

Victor Bredihin

2,220
21
30

can you add how you subscribe router data – Robert Sep 29 '17 at 11:22
@Robert updated – Victor Bredihin Sep 29 '17 at 11:25
can you add constructor of component – Robert Sep 29 '17 at 11:27
1

var "route" is instance of "Router" or "ActivatedRoute" ??? – Robert Sep 29 '17 at 11:30
1

@VictorBredihin can you try this route.data.value['title'] – Must.Tek Sep 29 '17 at 11:31
1

It's all described here in detail: https://angular.io/guide/router#fetch-data-before-navigating – Riscie Sep 29 '17 at 11:31
thanks guys, I found the problem, for login component data is here, but I need it in my header component. So, I guess it's impossible, right? – Victor Bredihin Sep 29 '17 at 11:39
1

Have you try this post https://stackoverflow.com/questions/38644314/changing-the-page-title-using-the-angular-2-new-router – Tony Sep 29 '17 at 11:41
@Luke looks great, I think that's it, thanks. Let me try – Victor Bredihin Sep 29 '17 at 11:43

angular2 pass data to route definition

0 Answers0