Что такое view encapsulation в Angular и зачем это используют?

AngularMiddleComponents and TemplatesТеорияangularstylesencapsulationtemplatesmiddle

Что хотят услышать интервьюеры:

view encapsulation — это механизм ограничения области действия CSS в компоненте.

Ответ:

Зачем нужно: помогает строить Angular-код предсказуемо, типобезопасно и поддерживаемо.

Пример: 

@Input() user!: User;
@Output() saved = new EventEmitter<User>();

Типичная ошибка: без необходимости отключать encapsulation и ломать стили приложения.

Как отвечать: На собеседовании важно не просто назвать термин, а показать, где он применяется, какие ограничения есть и как это влияет на поддержку проекта.

Источники

Похожие вопросы

Components and Templates Когда в проекте стоит использовать view encapsulation, а когда лучше выбрать другой подход? Components and Templates Когда в проекте стоит использовать built-in control flow @if, а когда лучше выбрать другой подход? Components and Templates Когда в проекте стоит использовать custom pipes, а когда лучше выбрать другой подход? Components and Templates Когда в проекте стоит использовать event binding, а когда лучше выбрать другой подход?