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: / angular11tutorial
YouTube Channel: / @nscode
Email: abdulrazzakshah786@gmail.com
Angular docs: https://angular.io/
--------------------------------------------------------------------------
Credit:
Music: Dreams - Bensound
https://www.bensound.com
Support by RFM - NCM: https://bit.ly/2xGHypM
Auf dieser Seite können Sie das Online-Video Create Component Angular | Component In Angular | Angular Tutorial | NSCODE mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer NSCODE 30 Juni 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 268 Mal angesehen und es wurde von 0 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
