Wie ändert man den Titel einer Seite mit Winkel (Winkel 2 oder 4)?

Question

Ich mag den Titel der Seite ändern, wenn ich den Link von der URL-Leiste klicken oder browsen. Wie ändere ich das mit einer eckigen Route? Ich verwende eckige Version 4 und angular cli.

Answer 1

müssen Sie "Titel" als Daten auf Ihrer Route

const routes: Routes = [{ 
    path: 'calendar', 
    component: CalendarComponent, 
    children: [ 
    { path: '', redirectTo: 'new', pathMatch: 'full' }, 
    { path: 'all', component: CalendarListComponent, data: { title: 'My Calendar' } }, 
    { path: 'new', component: CalendarEventComponent, data: { title: 'New Calendar Entry' } }, 
    { path: ':id', component: CalendarEventComponent, data: { title: 'Calendar Entry' } } 
    ] 
}]; 

Dann tun diese Importe in Ihrer Komponente zu übergeben:

import { Title } from '@angular/platform-browser'; 
import { Router } from '@angular/router'; 

Nach dem Import können wir injizieren sie beide:

statisch

@Component({ 
    selector: 'app-root', 
    templateUrl: ` 
    <div> 
     Hello world! 
    </div> 
    ` 
}) 
export class AppComponent { 
    constructor(private router: Router, private titleService: Title) {} 
} 

Um einen Seitentitel zu aktualisieren, können wir einfach setTitle nennen wie so:

ngOnInit() { 
    this.titleService.setTitle('My awesome app'); 
}