Question 1

Angularにおける構造ディレクティブとは何ですか？

Accepted Answer

構造ディレクティブは、要素を追加、削除、または操作することでDOM構造を変更します。*が接頭辞として付きます（例：*ngIf、*ngFor）。外観や動作を変更する属性ディレクティブとは異なり、構造ディレクティブはDOMから要素を追加または削除できます。

Question 2

ngForをtrackByと共に使用する正しい構文は何ですか？

Accepted Answer

正しい構文では、セミコロンを使用してイテレーションとtrackBy関数を区切ります。trackBy関数は、Angularが変更、追加、または削除されたアイテムを識別できるようにすることでパフォーマンスを向上させます。2つのパラメータ（indexとitem）を受け取り、一意の識別子を返します。

Question 3

なぜngForでtrackByを使用するのですか？

Accepted Answer

trackByは、Angularが変更されたアイテムを正確に識別できるようにすることで、リストレンダリングのパフォーマンスを向上させます。trackByがない場合、Angularは変更が発生したときにすべてのDOM要素を再作成します。trackByを使用すると、変更されたアイテムのみが更新され、不要な再作成を回避できます。

ディレクティブとPipe

Angularにおける構造ディレクティブとは何ですか？

回答

ngForをtrackByと共に使用する正しい構文は何ですか？

回答

なぜngForでtrackByを使用するのですか？

回答

条件に基づいて要素を条件付きで表示するには、どのディレクティブを使用すべきですか？

*ngIfと[hidden]の違いは何ですか？

その他のAngular面接トピック

TypeScriptの基礎

TypeScript上級

Angularの基礎

コンポーネントとライフサイクル

Services & Dependency Injection

Angularモジュールの構成

Angular CLI

ルーティングとナビゲーション

リアクティブフォーム

テンプレート駆動フォーム

RxJS の基礎

RxJS オペレーター

HttpClientとAPI呼び出し

基本的な状態管理

Change Detection

Angular Signals

Standalone Components

Angularのユニットテスト

エンドツーエンドテスト

ビルドと最適化

NgRxの基礎

NgRx応用

Angularアーキテクチャ

パフォーマンス最適化

セキュリティとベストプラクティス

高度な RxJS パターン

Angular Universal と SSR

Angular マイクロフロントエンド

次の面接に向けてAngularをマスター