search

web-dave / angular-days

1 stars 0 forks source link

Pipe #7

Open web-dave opened 2 years ago

web-dave commented 2 years ago

Generiere eine Angular Pipe.

(Pro Nav-Link eine)

Lokal

ng g pipe swapi/swapi-link

Online

  1. Rechtsklick auf den src Ordner in der Projekt Section.
  2. Klick auf Angular Generator
  3. Pipe auswählen
  4. Name swapi-link im Promt eingeben und bestätigen
  5. Dann die Pipe per mouse drag 'n drop nach src/app/swapi verschieben
  6. Pipe im SwapiModule in declarations array eintragen

Implementiere eine Pipe

  1. Als input kommt eine swapi URL (z.B. "https://swapi.dev/api/films/6/")
  2. Als output soll nur noch (die Entität und) die ID zurück kommen. (z.B. "6")

Hint

Pipe ## SwapiLinkPipe ```ts transform(url: string): string { return url.split('/').slice(0, -1).pop() as string; } ```
web-dave commented 2 years ago

Next