angular-20-control-flow
✓最新のテンプレート プログラミング用の Angular 20 組み込み制御フロー構文 (@if、@for、@switch、@defer)。条件付きレンダリング、ループ、switch ステートメント、または遅延読み込みコンポーネントを含むテンプレートを作成する場合に使用します。パフォーマンスと型の安全性を向上させるために、*ngIf、*ngFor、*ngSwitch を新しいブロック構文に置き換えます。
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 |
最新のテンプレート プログラミング用の Angular 20 組み込み制御フロー構文 (@if、@for、@switch、@defer)。条件付きレンダリング、ループ、switch ステートメント、または遅延読み込みコンポーネントを含むテンプレートを作成する場合に使用します。パフォーマンスと型の安全性を向上させるために、*ngIf、*ngFor、*ngSwitch を新しいブロック構文に置き換えます。 ソース: 7spade/black-tortoise。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/7spade/black-tortoise --skill angular-20-control-flow- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
angular-20-control-flow とは？
最新のテンプレート プログラミング用の Angular 20 組み込み制御フロー構文 (@if、@for、@switch、@defer)。条件付きレンダリング、ループ、switch ステートメント、または遅延読み込みコンポーネントを含むテンプレートを作成する場合に使用します。パフォーマンスと型の安全性を向上させるために、*ngIf、*ngFor、*ngSwitch を新しいブロック構文に置き換えます。 ソース: 7spade/black-tortoise。
angular-20-control-flow のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/7spade/black-tortoise --skill angular-20-control-flow インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/7spade/black-tortoise
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01