javascript / expert
Snippet
Typsicheres Component-Input-Mapping über Routen-Definitionen
Durch die Aktivierung von 'withComponentInputBinding' bildet Angular Pfadparameter, Query-Parameter und statische Daten aus der Routenkonfiguration automatisch direkt auf Component-Signal-Inputs ab. Dieses Muster entkoppelt Komponenten vom ActivatedRoute-Service und führt zu besserer Testbarkeit und Typsicherheit.
snippet.js
1
2
3
4
5
6
7
8
// In app.config.tsprovideRouter(routes, withComponentInputBinding());// In route-target.component.tsexport class DetailComponent {id = input.required<string>(); // Mapped from :id path paramrole = input<string>(); // Mapped from static route data}
angular
Erklärung
1
provideRouter(routes, withComponentInputBinding());
Aktiviert das Feature, das Routenparameter mit Component-Inputs verbindet.
2
id = input.required<string>();
Deklariert einen obligatorischen Input, den Angular aus dem ':id'-Segment der Route befüllt.