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

javascript

// In app.config.ts
provideRouter(routes, withComponentInputBinding());
 
// In route-target.component.ts
export class DetailComponent {
  id = input.required<string>(); // Mapped from :id path param
  role = input<string>();        // Mapped from static route data
}

angular

Erklärung

provideRouter(routes, withComponentInputBinding());

Aktiviert das Feature, das Routenparameter mit Component-Inputs verbindet.

id = input.required<string>();

Deklariert einen obligatorischen Input, den Angular aus dem ':id'-Segment der Route befüllt.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Experten →

Typsicheres Component-Input-Mapping über Routen-Definitionen

Verwandt