Edited at

Angularのコンポーネント間データ授受の種類

コンポーネントやテンプレート間でどうやってデータをやりとりするかのクイック・リファレンスをまとめました。

すでにAngularを理解している人向けです。


コンポーネントからテンプレートへ

image.png


テンプレートからコンポーネント

image.png


子コンポーネントからテンプレートへ

image.png


子コンポーネントから親コンポーネントへ

image.png


テンプレートから子コンポーネントへ

image.png


親子関係以外のコンポーネント間

image.png


親コンポーネントから子コンポーネント参照

image.png


テンプレート内コンポーネント参照

image.png


テンプレート内要素参照

image.png


親コンポーネントから子テンプレート参照

image.png