Como Cambiar Título De Pestaña En Angular

 Cambiar título de pestaña en Angular

Para cambiar el título de la pestaña del navegador cada vez que se cambia de página en Angular existe un módulo que nos proporciona 2 métodos para manipular el título de cada página, estos son getTitle() y setTitle(string).

Puedes ver el uso de estos métodos en la página oficial de Angular, puede acceder directamente a esa sección haciendo clic aquí.

• getTitle().

Funciona para obtener el título del documento HTML actual. Devuelve un string.

• setTitle(string).

Funciona para establecer el título del documento HTML actual.

• Implementación.

Para hacer uso de este módulo, se debe importar de la siguiente manera.

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

Seguidamente, se debe inyectar en el constructor de manera privada para posteriormente hacer uso de cualquiera de los dos atributos antes mencionados, para temas de este post es setTitle(string).

El constructor queda de la siguiente manera.

constructor(private title:Title) {
  title.setTitle('Skills')
}

Espero te haya resuelto un problema este post.