Learnings 02.05.2025

main.ts --populates-> index.html
app.component.ts == root component -> may also handle routing
component hierarchy: components talk to subcomponents via "Inputs" ("inheritance")
- used with property bindings ([bla]="value")
- or interpolation/mustache syntax ({{ value }})
components have html template, css style (scss, css, etc.), and ts (ts, class, decorators)
- all can be in separate files
angular directives for "template metaprogramming"
- ngFor, ngForOf, etc.
per route: render a different component (SPA) (handled by @angular/router)
Route parameters (:id) enable to pass data to the components from the URL
services (i.e. return json asynchronously, etc.) inject into other components to make (dynamic) data available and reduce coupling -> dependency injection ^^/
Angular Forms: event listeners: (event), (submit), etc.
HTTP communication via fetch (not Angular specific)