Angular 2 Page title


How can you change the title of the page


  • setTitle(newTitle: string): void;
  • getTitle(): string;

changing the page title

  1. First we need to provide Title service.
  2. Using setTitle
import {Title} from "@angular/platform-browser"; 
  selector: 'app',
  templateUrl: './app.component.html',
  providers : [Title]

export class AppComponent implements {
   constructor( private title: Title) { 
     this.title.setTitle('page title changed');