How to set page title dynamically in Angular | Angular | Learn Smart Coding

Published: 21 April 2022
on channel: Learn Smart Coding

3,242

Hi Friends, This video is all about how to set page titles dynamically on each page in Angular. It is a simple approach to setting the page title.

In your component, just import Title
import { Title } from '@angular/platform-browser';

Inject Title in the constructor like this "private titleService: Title"

inside ngOnInit() or in any other method whichever is appropriate, use the "setTitle" method to set the title.

this.titleService.setTitle('your title content goes here');

Please post your questions in the comment section and I will be happy to answer your questions.

Subscribe for more useful videos just like this: / @learnsmartcoding

Happy coding!

On this page of the site you can watch the video online How to set page title dynamically in Angular | Angular | Learn Smart Coding with a duration of hours minute second in good quality, which was uploaded by the user Learn Smart Coding 21 April 2022, share the link with friends and acquaintances, this video has already been watched 3,242 times on youtube and it was liked by 46 viewers. Enjoy your viewing!

15,872

128