Standalone Components
Standalone components、imports、providers、ブートストラップ、NgModulesからの移行、新しいアプリケーション構造
18 面接問題·
Mid-Level
1Angularのstandalone componentとは何ですか?
1
Angularのstandalone componentとは何ですか?
回答
standalone componentは、@Componentデコレータでstandalone: trueを設定するAngularコンポーネントです。これにより、コンポーネントはNgModuleを必要とせずに独自のimportsとprovidersを管理できます。standalone componentsは、依存関係を整理するための中間モジュールの必要性を排除することでアーキテクチャを簡素化します。
2standalone componentをどのように宣言しますか?
2
standalone componentをどのように宣言しますか?
回答
standalone componentを作成するには、@Componentデコレータにstandalone: trueプロパティを追加するだけです。このシンプルな宣言により、コンポーネントはあらゆるNgModuleから独立し、コンポーネントのメタデータで直接importsとprovidersを管理できるようになり、モジュールでの外部宣言の必要性が排除されます。
3別のコンポーネントをstandalone componentにどのようにインポートしますか?
3
別のコンポーネントをstandalone componentにどのようにインポートしますか?
回答
standalone componentでは、依存関係(コンポーネント、ディレクティブ、パイプ)は@Componentデコレータのimports配列に直接追加されます。各コンポーネントは、他のstandalone components、ディレクティブ、パイプ、または従来のNgModulesをインポートできます。これにより、コンポーネント間の依存関係を管理するための中間NgModulesの必要性が排除され、アーキテクチャが簡素化されます。
4
standalone componentでアプリケーションをブートストラップするためにどの関数を使用しますか?
5
bootstrapApplicationでグローバルなprovidersをどのように設定しますか?
+15 面接問題
その他のAngular面接トピック
TypeScriptの基礎
Junior
25問TypeScript上級
Junior
20問Angularの基礎
Junior
20問コンポーネントとライフサイクル
Junior
20問Services & Dependency Injection
Junior
20問Angularモジュールの構成
Mid-Level
22問Angular CLI
Junior
18問ディレクティブとPipe
Mid-Level
22問ルーティングとナビゲーション
Mid-Level
24問リアクティブフォーム
Mid-Level
26問テンプレート駆動フォーム
Mid-Level
16問RxJS の基礎
Mid-Level
22問RxJS オペレーター
Mid-Level
24問HttpClientとAPI呼び出し
Mid-Level
22問基本的な状態管理
Mid-Level
20問Change Detection
Mid-Level
20問Angular Signals
Mid-Level
20問Angularのユニットテスト
Mid-Level
22問エンドツーエンドテスト
Mid-Level
18問ビルドと最適化
Mid-Level
20問NgRxの基礎
Senior
24問NgRx応用
Senior
24問Angularアーキテクチャ
Senior
22問パフォーマンス最適化
Senior
22問セキュリティとベストプラクティス
Senior
20問高度な RxJS パターン
Senior
22問Angular Universal と SSR
Senior
20問Angular マイクロフロントエンド
Senior
20問