[Solved] Consider this Angular template snippet:<input type="checkbox" [attr.... 'true' : 'false'" />If isSelected is false, what will be the value of the aria-checked attribute in the rendered HTML? | Angular

Angular - Internationalization and Accessibility

Consider this Angular template snippet:

<input type="checkbox" [attr.aria-checked]="isSelected ? 'true' : 'false'" />

If isSelected is false, what will be the value of the aria-checked attribute in the rendered HTML?

A"false"

B"true"

Cfalse (boolean)

Dnull (attribute removed)

Step-by-Step Solution

Solution:

Step 1: Understand binding
The attribute aria-checked is bound using Angular's property binding with a ternary expression.
Step 2: Evaluate expression
If isSelected is false, the expression isSelected ? 'true' : 'false' evaluates to 'false' (string).
Step 3: Rendered attribute
The attribute aria-checked will be set to the string value "false" in the HTML.
Final Answer:
"false" -> Option A
Quick Check:
Boolean false is converted to string 'false' in attribute binding [OK]

Quick Trick: Boolean values in attribute bindings become strings [OK]

Common Mistakes:

Master "Internationalization and Accessibility" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Consider this Angular template snippet: