Angular - Components
Which of the following is the correct way to set no style encapsulation in an Angular component?
Which of the following is the correct way to set no style encapsulation in an Angular component?
easy📝 Syntax Q12 of 15
Step-by-Step Solution
Solution:
Step 1: Identify the correct encapsulation for no style isolation
ViewEncapsulation.None disables style encapsulation, making styles global.Step 2: Check other options
Emulated scopes styles, Native is deprecated, ShadowDom uses native Shadow DOM, so only None disables encapsulation.Final Answer:
@Component({ encapsulation: ViewEncapsulation.None }) -> Option BQuick Check:
No encapsulation = ViewEncapsulation.None [OK]
Quick Trick: None means no encapsulation, styles apply globally [OK]
Common Mistakes:
- Using Emulated or ShadowDom instead of None
- Confusing Native with None (Native is deprecated)
- Missing the encapsulation property entirely
Master "Components" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes