[Solved] Which syntax correctly passes data from a parent to a child component in Angular? — Ans: <child-comp [data]="parentData"></child-comp> | Angular

Angular - Component Interaction

Which syntax correctly passes data from a parent to a child component in Angular?

A<code><child-comp *data="parentData"></child-comp></code>

B<code><child-comp (data)="parentData"></child-comp></code>

C<code><child-comp #data="parentData"></child-comp></code>

D<code><child-comp [data]="parentData"></child-comp></code>

Step-by-Step Solution

Solution:

Step 1: Identify Angular input binding syntax
Angular uses square brackets [] to bind data from parent to child.
Step 2: Match syntax to data passing
[data]="parentData" correctly passes parentData to child's @Input() property.
Final Answer:
<child-comp [data]="parentData"></child-comp> -> Option D
Quick Check:
Parent to child uses [property] binding [OK]

Quick Trick: Use square brackets [] for parent to child data [OK]

Common Mistakes:

Master "Component Interaction" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which syntax correctly passes data from a parent to a child component in Angular?