Angular2 视图封装答案

【问题标题】：Angular2 View EncapsulationAngular2 视图封装
【发布时间】：2017-04-18 13:28:38
【问题描述】：

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

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

这样的项目推荐的模式应该是什么？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

这就是未来。它被称为 Web 组件，我强烈建议您阅读它。更多详情请见：

【讨论】：