Winkel 2 route param in Daten

Question

Ich habe eine einfache Route mit 1 Parameter:

{ 
    path: 'item/:id', 
    component: ItemComponent, 
    data: {title: 'Item detail'} 
} 

Ich gründe Seitentitel in Haupt AppComponent Datentitel Eigenschaft mit:

export class AppComponent implements OnInit { 
    title: string; 

    ngOnInit() { 
     this.router.events 
     .. parse it 
     .subscribe((event) => { 
       this.title = event['title']; 
     }); 
    } 
} 

Dann bin ich Anzeigen es nur in AppComponent Vorlage:

<h1>{{ title }}</h1> 

Das Problem ist, wenn ich dynamische Titel wiehaben wollen. Gibt es eine Möglichkeit, wie z. route param (: id) oder Variable in Datentiteleigenschaft? So etwas wie

{ 
    path: 'item/:id', 
    component: ItemComponent, 
    data: {title: 'Item detail #' + :id } 
} 

Answer 1

Wie ich in den Kommentaren gesagt, könnten Sie den data.title param als Vorlage halten und den dynamischen Teil aus der Komponente ersetzen.

Routen Erklärung:

{ 
    path: 'item/:id', 
    component: ItemComponent, 
    data: { title: 'Item detail [id]' } 
} 

In data.title schrieb ich [id] Ersatz einfacher zu machen, aber zu verwenden, fühlen Sie sich frei, was Symbole Sie möchten, dass die Zeichenfolge abgrenzen zu ersetzen.

Dann wird in der Komponente:

export class AppComponent { 
    title: string; 

    constructor(private route: ActivatedRoute) {} 

    ngOnInit() { 
    const titlePattern = this.route.snapshot.data['title']; 
    const id = this.route.snapshot.params['id']; 
    this.title = titlePattern.replace('[id]', id); 
    } 
}