This project was generated with Angular CLI version 12.2.5.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.
ng new my-first-project
ng g c servers
- by element
- by attribute
- by class
Creates a binding to type script. Anything that returns a string or that can be converted into string.
We can bind type script values into html properties. (Like the 'disabled' property of the html button)
We can use 'any' type if the type script doesn't allow Event type to read value.
With 2 way binding, when you update the value in TS it will update the UI, and vice versa. We are using Angular's directives.
The Directives are instructions in the DOM
It helps change the DOM structure. example ngIf
They don't add/remove element. They only change the element they were placed on.
ngFor
Keep an item toggling with button. Button adds a log item with Date. After the 5th item, the style changes.
This is used for passed data between components. Using the Input and Output decorators.