Bird
0
0

Identify the error in this Angular template snippet:

medium📝 Debug Q6 of 15
Angular - Internationalization and Accessibility
Identify the error in this Angular template snippet:
<button aria-pressed="[isPressed]">Toggle</button>
ANo error; syntax is correct
BMissing closing tag for button
Caria-pressed cannot be used on buttons
DIncorrect binding syntax; should use [attr.aria-pressed]
Step-by-Step Solution
Solution:

  1. Step 1: Check Angular binding syntax

    Square brackets around attribute value inside quotes is invalid syntax.

  2. Step 2: Correct syntax for ARIA attribute binding

    Use [attr.aria-pressed]="isPressed" to bind dynamically.

  3. Final Answer:

    Incorrect binding syntax; should use [attr.aria-pressed] -> Option D

  4. Quick Check:

    Use [attr.aria-*] for ARIA attribute binding [OK]
Quick Trick: Bind ARIA attributes with [attr.aria-*], not inside quotes [OK]
Common Mistakes:
  • Using quotes around square bracket binding
  • Forgetting attr. prefix
  • Assuming static attribute binding works for dynamic values

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes
Animations - Trigger and state definitions - Quiz 14medium Animations - Animate method for timing - Quiz 7medium Internationalization and Accessibility - Why i18n matters - Quiz 8hard Internationalization and Accessibility - Accessibility testing basics - Quiz 15hard Performance Optimization - Virtual scrolling for large lists - Quiz 4medium Performance Optimization - Web workers for heavy computation - Quiz 13medium Performance Optimization - Lazy loading routes and modules - Quiz 1easy Standalone Components - Bootstrapping with standalone - Quiz 15hard Standalone Components - Migrating from NgModules - Quiz 6medium Testing - TestBed configuration - Quiz 12easy