Angular2 View Encapsulation

Question

I am starting a developement of a big project and I need to know if to use ViewEncapsulation None or Emulated. From some reason the default is Emulated but I noticed that Angualr2 Material uses None.

We need to have reusable widgets within the projects and have different styles and also dynamic themes. I know it's can be done with Emulated but is seems more difficult to manage and not as simple as using CSS rules or override.

What should be the recommended mode for such a project?

Possible duplicate of Angular 2 native view encapsulation

valepu
– valepu

2016-07-21 15:03:57 +00:00
Commented Jul 21, 2016 at 15:03 — valepu
– valepu, Commented Jul 21, 2016 at 15:03

Vadym Kukhtin · Accepted Answer · 2016-08-21 11:30:07Z

1

The benefits of using 'Emulated' option is, that You will be able to create encapsulated components(styles, template, etc.). Also it will help You to not only create component once(dropdown, table, popup) and reuse it within your current project, but also it can be used in different projects later or being open-sourced, if You will.

answered Aug 21, 2016 at 11:30

Vadym Kukhtin

213 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Leigh · Accepted Answer · 2017-04-18 05:28:38Z

1

The recommended way is using the Emulated option. It will give you the ability to encapsulate your component, not only the HTML template, but also the styles.

This is the future. It is called web components and I strongly advise you to read about it. For more details, see:

edited Apr 18, 2017 at 5:28

Leigh

28.9k10 gold badges58 silver badges109 bronze badges

answered Aug 21, 2016 at 10:01

almog

8382 gold badges9 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular2 View Encapsulation

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related