Angular2 View Encapsulation

Question

Я начинаю разработку большого проекта, и мне нужно знать, использовать ли его ViewEncapsulationNone или Emulated. По какой-то причине по умолчанию Emulated, но я заметил, что Angualr2 Material использует None.

Нам нужно иметь многоразовые виджеты в рамках проектов и иметь разные стили, а также динамические темы. Я знаю, что это можно сделать с помощью Emulated, но, похоже, сложнее управлять, а не так просто, как использовать правила CSS или переопределять.

Какой должен быть рекомендованный режим для такого проекта?

Answer 1

Рекомендуемый способ использования опции Эмуляция. Это даст вам возможность инкапсулировать ваш компонент, а не только шаблон HTML, но также и стили.

Это будущее. Он называется веб-компонентами, и я настоятельно советую вам прочитать об этом. Для получения более подробной информации см:

• Modular future web components

• Shadow DOM strategies in Angular 2

Answer 2

Преимущества использования опции 'ЭМУЛИРОВАННЫЙ' в том, что вы будете иметь возможность создавать инкапсулированные компоненты (стили, шаблоны , и т.д.). Кроме того, это поможет вам не только создать компонент один раз (раскрывающийся список, таблица, всплывающее окно) и повторно использовать его в рамках вашего текущего проекта, но также он может быть использован в разных проектах позже или будет открыт с открытым исходным кодом, если вы это сделаете.