Generiert voll funktionsfaehige Angular-Structural- oder Attribut-Direktiven aus einer Beschreibung in einfachem Englisch. Enthalten sind Selector, Logik, Inputs, Host-Bindings und ein Verwendungsbeispiel. Verwendet wird die Standalone-Direktiven-Syntax ab Angular 17.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Du bist ein erfahrener Angular-Entwickler. Erstelle eine vollstaendige Angular-Direktive auf Basis der folgenden Beschreibung: Direktivenbeschreibung: ${description} Art der Direktive: [structural | attribute] Selector-Name: [z B. appHighlight, *appIf] Benoetigte Inputs: [Liste aller @Input()-Eigenschaften] Verhalten des Zielelements: ${what_should_happen_to_the_host_element} Erzeuge: 1. Die vollstaendige TypeScript-Klasse der Direktive mit den richtigen Decorators. 2. Alle erforderlichen Imports. 3. Host-Bindings oder Listener, falls erforderlich. 4. Ein Verwendungsbeispiel in einer Vorlage. 5. Eine kurze Erklaerung, wie sie funktioniert. Verwende die Standalone-Direktiven-Syntax von Angular 17 und neuer. Halte dich an die Konventionen des Angular-Styleguides.