Tuesday, July 23, 2024
Angular 8Angular 9Angular6Angular7

How to make title dynamic in Angular 9?

Angular 9, Angular 10

Hello to all, welcome to 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.


Thank you

the authortherichpost
Hello to all. Welcome to Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 14, Angular 15, Angular 16, Angular 17, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

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