[Solved] Given this child component:@Component({ selector: 'c... }And the parent template:<child-comp [name]="parentName"></child-comp>If parentName is set to 'Angular', what will the child component display? | Angular

Angular - Component Interaction

Given this child component:

@Component({ selector: 'child-comp', template: '{{name}}' }) export class ChildComponent { @Input() name!: string; }

And the parent template:

<child-comp [name]="parentName"></child-comp>

If parentName is set to 'Angular', what will the child component display?

A{{name}}

BAngular

CparentName

Dundefined

Step-by-Step Solution

Solution:

Step 1: Data binding
The parent binds its parentName property to the child's name input.
Step 2: Value passed
The value 'Angular' is passed to the child's name property.
Step 3: Template rendering
The child template displays the value of name, which is 'Angular'.
Final Answer:
Angular -> Option B
Quick Check:
Input property reflects parent's bound value [OK]

Quick Trick: Child displays parent's bound input value [OK]

Common Mistakes:

Master "Component Interaction" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this child component: