Angular2视图封装

Question

我正在开始开发一个大项目，我需要知道是否要使用ViewEncapsulation None或Emulated。 由于某种原因，默认值为Emulated，但我注意到Angualr2 Material使用无。

我们需要在项目中拥有可重复使用的小部件，并且具有不同的样式和动态主题。 我知道可以使用Emulated完成，但似乎更难以管理，而不是像使用CSS规则或覆盖那么简单。

此类项目的推荐模式应该是什么？

Answer 1

推荐的方法是使用“模拟”选项。 它将使您能够封装组件，不仅包括HTML模板，还包括样式。

这是未来。它被称为Web组件，我强烈建议您阅读它。有关更多详细信息，请参阅：

• Modular future web components

• Shadow DOM strategies in Angular 2

Answer 2

使用“模拟”选项的好处是，您将能够创建封装组件（样式，模板等）。此外，它还可以帮助您不仅创建一次组件（下拉列表，表格，弹出窗口）并在当前项目中重复使用它，而且如果您愿意，它也可以在以后的不同项目中使用或者是开源的。