·angular-20-control-flow
</>

angular-20-control-flow

7spade/black-tortoise

In Angular 20 integrierte Kontrollflusssyntax (@if, @for, @switch, @defer) für moderne Vorlagenprogrammierung. Verwenden Sie diese Option, wenn Sie Vorlagen mit bedingtem Rendering, Schleifen, Switch-Anweisungen oder Lazy-Loading-Komponenten schreiben. Ersetzt *ngIf, *ngFor, *ngSwitch durch neue Blocksyntax für bessere Leistung und Typsicherheit.

6Installationen·0Trend·@7spade

Installation

$npx skills add https://github.com/7spade/black-tortoise --skill angular-20-control-flow

SKILL.md

Purpose This skill provides comprehensive guidance on Angular 20's built-in control flow syntax, which introduces new template syntax (@if, @for, @switch, @defer) that replaces structural directives with better performance, type safety, and developer experience.

| Syntax error with @ blocks | Ensure Angular 20+ and update compiler | | @for without track error | Always add track expression to @for | | @defer not lazy loading | Check bundle config and verify component is in separate chunk | | Type errors with @if | Use as alias for type narrowing |

| @empty not showing | Ensure collection signal returns empty array, not undefined |

In Angular 20 integrierte Kontrollflusssyntax (@if, @for, @switch, @defer) für moderne Vorlagenprogrammierung. Verwenden Sie diese Option, wenn Sie Vorlagen mit bedingtem Rendering, Schleifen, Switch-Anweisungen oder Lazy-Loading-Komponenten schreiben. Ersetzt *ngIf, *ngFor, *ngSwitch durch neue Blocksyntax für bessere Leistung und Typsicherheit. Quelle: 7spade/black-tortoise.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/7spade/black-tortoise --skill angular-20-control-flow
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist angular-20-control-flow?

In Angular 20 integrierte Kontrollflusssyntax (@if, @for, @switch, @defer) für moderne Vorlagenprogrammierung. Verwenden Sie diese Option, wenn Sie Vorlagen mit bedingtem Rendering, Schleifen, Switch-Anweisungen oder Lazy-Loading-Komponenten schreiben. Ersetzt *ngIf, *ngFor, *ngSwitch durch neue Blocksyntax für bessere Leistung und Typsicherheit. Quelle: 7spade/black-tortoise.

Wie installiere ich angular-20-control-flow?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/7spade/black-tortoise --skill angular-20-control-flow Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/7spade/black-tortoise