Professional Documents
Culture Documents
Visual Studio
Visual Studio
Visual Studio
1
https://coursetro.com/posts/code/174/Angular-8-Tutorial-&-Crash-Course
First select the folder form MENU
ANGULAR 8
Folder Structure
outline the important files and folders that you will commonly work
In HTML 5 and remain we save css file as style.css but in angular we save as Style.scss
Components
fundamental building blocks of your Angular app are the components.
Components consist of 3 elements
The imports
yekada nunchi import chesukuntam
@Angularcore
The component decorator
component decorator includes and
locations to your component's template
CSS location
routerLink - how you link together different pages of your app. You don't use href.
router-outlet - This is where routed components are displayed within the template.
Routing
Angular CLI to generate a couple components for the pages in our app
Before that we add Homecomponent and listcomponent here show below .these are like our menu given HOME , LIST
(Home application separate component and list app has separate components .., its like separate page)
If you click on the List and Home links in the navigation, they will now display the component template associated with the clic
whatever we given in CLICK , COUNTCLICK that will given Property as typescript as home.component.ts
ng-template
What about working with if and else within your templates? We can use ng-template for that.
home.component.html:
Style Binding
Sometimes, you want to modify the appearance of your UI based on events that occur in your app
Ex:- if clicked 4 times its gray , but more then 5 times it changes to yellow, its style binding