Angularの基礎
Components、templates、data binding、構造ディレクティブ、ngFor、ngIf、補間、property binding、event binding
20 面接問題·
Junior
1Angularにおけるcomponentとは何ですか？
1
Angularにおけるcomponentとは何ですか？
回答
componentは、ユーザーインターフェースの一部を制御するAngularアプリケーションの基本構成要素です。HTMLテンプレート、CSSスタイル、@Componentデコレーターを持つTypeScriptクラスを組み合わせています。このアーキテクチャにより、再利用可能でモジュール化されたインターフェースを作成でき、ビューとビジネスロジックの関心の分離を促進します。
2テンプレート内でTypeScript変数を表示する構文はどれですか？
2
テンプレート内でTypeScript変数を表示する構文はどれですか？
回答
二重中括弧 {{ variable }} による補間は、HTMLテンプレートに動的な値を挿入します。AngularはTypeScript式を評価し、結果を文字列に変換してDOMに表示します。この構文は、componentのプロパティを表示したり、簡単な計算を実行したり、値を返すメソッドを呼び出したりするために使用されます。
3HTMLプロパティをcomponentの変数にバインドするには？
3
HTMLプロパティをcomponentの変数にバインドするには？
回答
角括弧 [property]="variable" によるproperty bindingは、DOM要素のプロパティをTypeScript式にバインドします。Angularは式を評価し、変更が発生したときにプロパティを自動的に更新します。この構文は単方向（componentからtemplateへ）であり、標準HTML属性、カスタムプロパティ、または子componentのinputsに適用されます。
4
テンプレート内でユーザーイベントをキャプチャする構文はどれですか？
5
Angularテンプレートで*ngIfディレクティブは何をしますか？
+17 面接問題
その他のAngular面接トピック
TypeScriptの基礎
Junior
25問TypeScript上級
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問Standalone Components
Mid-Level
18問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問