Bird
0
0

Which of the following is the correct syntax to set Shadow DOM encapsulation in an Angular component?

easy📝 Syntax Q3 of 15
Angular - Components
Which of the following is the correct syntax to set Shadow DOM encapsulation in an Angular component?
A@Component({ encapsulation: ShadowDom })
B@Component({ encapsulation: 'ShadowDom' })
C@Component({ encapsulation: ViewEncapsulation.ShadowDom })
D@Component({ encapsulation: ViewEncapsulation.Native })
Step-by-Step Solution
Solution:
  1. Step 1: Recall correct property and enum usage

    The encapsulation property expects a value from ViewEncapsulation enum.
  2. Step 2: Validate syntax correctness

    @Component({ encapsulation: ViewEncapsulation.ShadowDom }) uses correct enum reference; B uses string, C misses enum, D uses deprecated Native.
  3. Final Answer:

    @Component({ encapsulation: ViewEncapsulation.ShadowDom }) -> Option C
  4. Quick Check:

    ShadowDom syntax = enum with ViewEncapsulation [OK]
Quick Trick: Use ViewEncapsulation enum, not strings, for encapsulation [OK]
Common Mistakes:
  • Using string instead of enum
  • Omitting ViewEncapsulation prefix
  • Using deprecated Native option

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes