[Solved] Find the issue in this Angular template:<img [src]="imagePath" alt="Image">Component code:imagePath = undefined; | Angular

Angular - Templates and Data Binding

Find the issue in this Angular template:

<img [src]="imagePath" alt="Image">

Component code:

imagePath = undefined;

ANo issue, image will not load but no error

BRuntime error because src cannot be undefined

CSyntax error in property binding

DImage will display a broken icon

Step-by-Step Solution

Solution:

Step 1: Understand binding with undefined value
Binding src to undefined means the attribute is not set.
Step 2: Check Angular behavior
Angular does not throw an error; the image simply won't load.
Final Answer:
No issue, image will not load but no error -> Option A
Quick Check:
Undefined binding does not cause errors [OK]

Quick Trick: Undefined property bindings don't cause errors, just missing data [OK]

Common Mistakes:

Master "Templates and Data Binding" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Find the issue in this Angular template: