28 lines
958 B
Markdown
28 lines
958 B
Markdown
# 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)
|