How To Create Angular Components In Angular 10/11 Using CLI


In this tutorial, will learn how to create angular components or Use ng generate component using CLI for creating angular components in your project. 

we'll learn the very easy command to generate code how to use the ng generate component command of Angular CLI, or its ng g c shortcut command, Learn this tutorial.

First of all, If you are new to these how-to, check out how to install and set up an angular project.

How To Create Angular Components In Angular 10/11 Using CLI


How to Use ng generate component or ng g c with Angular CLI

Create File upload component in Rea...
Create File upload component in React JS

Let's assume we want to create an Angular component named About.

Open a new command-line interface ( command prompt ), navigate into the root of your Angular project and run the following command:

ng generate component about


Or you can also run the following Short command:

ng g c about


Angular CLI will generate 4 files for the component in the src/app folder of your project see below:

How To Create Angular Components In Angular 10/11 Using CLI
How To Create Angular Components In Angular 10/11 Using CLI

We can also customize where the component's files are placed.

Angular CLI adds the component to the declarations array of the module.

App>src>app.module.ts

How To Create Angular Components In Angular 10/11 Using CLI

How to use a component inside another component in Angular?

We saw above how to create a component using angular CLI create components.

This step we learn how to use a component to other component see below:

How To Create Angular Components In Angular 10/11 Using CLI
How To Create Angular Components In Angular 10/11 Using CLI

I hope it can help you...

Leave a Reply

Your privacy will not be published. Required fields are marked *

We'll share your Website Only Trusted.!!

close