How to make title dynamic in Angular 9?

Angular 9, Angular 10

Hello to all, welcome to therichpost.com. In this post, I will tell you, How to make title dynamic in Angular 9?

Here are the basics commands and code and please follow carefully:

1. Here are the basics commands to install angular 9 on your system:

npm install -g @angular/cli 

ng new angularpopup //Create new Angular Project

cd angularpopup // Go inside the Angular Project Folder

ng serve --open // Run and Open the Angular Project

http://localhost:4200/ // Working Angular Project Url

2. Here is the code for app.component.ts file:

import {Title} from "@angular/platform-browser";
...
export class AppComponent {
...

constructor(private titleService:Title) {
   this.titleService.setTitle("Add Product");
  }

...

}

This is it and if you have any kind of query then please comment below.

Jassa

Thank you

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.