Create Component Angular | Component In Angular | Angular Tutorial | NSCODE

Create Component Angular
#angular #angulartutorial #learnangular #createcomponent #createangularcomponent #angularcomponent #angularcli
In the last video, we have created an Angular project,
Now we will see how to create a component in angular.
Inside src, we have an app and then app.component.html, app.component.SCSS and app.component.ts
We also have app.module.ts and app.routing.module.ts
In routing.module.ts we have routes where we define our routes, We will learn routing in our next video.
We have an assets folder where we keep our images and other media things.
then we have environment.ts where we define the environment URLs.
let's go to app.component.html,
open the terminal to create a component we will run the command ng g c component/home
This will create a home component that consists of
Home.component.html
home.compontn.scss
home.component.ts
And it will update our app.module.ts with a new home component entry in it.
Let's open app.component.html and remove all the default HTML
To add the home component here in app.component.html we will write a tag
app-home
this is the selector for the home component
also, let's create one h1 tag with text this is the home component
press ctrl s to save let's check on the browser
as you can see we have home works as a home component
and the h1 tag text
Let's try to change the text inside the home component
create h1 tag with text I am home component
as you can see content in the home component gets updated.

---------------------------------------------------------------------------------------------------
Facebook page: https://www.facebook.com/angular11tutorial
YouTube Channel: https://www.youtube.com/channel/UCuJcT_jSDGAXWd9jzxDIXcg
Email: [email protected]

Angular docs: https://angular.io/
--------------------------------------------------------------------------
Credit:
Music: Dreams - Bensound
https://www.bensound.com

Support by RFM - NCM: https://bit.ly/2xGHypM