[Solved] Identify the error in this Angular template:<button [disabled]="isDisabled">Submit</button>Component code:isDisabled = 'false'; | Angular

Angular - Templates and Data Binding

Identify the error in this Angular template:

<button [disabled]="isDisabled">Submit</button>

Component code:

isDisabled = 'false';

ANo error, button will be enabled

BSyntax error in template binding

CButton will always be disabled regardless of isDisabled

DError because isDisabled should be boolean, not string

Step-by-Step Solution

Solution:

Step 1: Check the type of isDisabled
The property isDisabled is a string 'false', not a boolean false.
Step 2: Understand property binding behavior
Property binding expects a boolean for disabled. A string 'false' is truthy, so the button will be disabled unexpectedly.
Final Answer:
Error because isDisabled should be boolean, not string -> Option D
Quick Check:
Boolean needed for disabled property [OK]

Quick Trick: Use boolean values for property bindings like [disabled] [OK]

Common Mistakes:

Master "Templates and Data Binding" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular template: