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

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:

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 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:

I hope it can help you...

Node Js Angular

Robert look

Author, Web Developer (Front-end & Back-end)

My Name is Robert look from New york, America. I'm a Web Application Developer with 6 years of experience. Currently, I'm working on front-end & back-end web development using popular web technology Languages. That's why I love to share my coding knowledge in a smart way.