Angular2设置视图封装全局

Question

我已经决定将ViewEncapsulation要None为我在我的项目的所有组件.

那么,我如何设置ViewEncapsulation.None全局到整个项目？而不是在我的每个组件装饰器中设置它.

注意:仅供参考,我的deps在RC.6上

编辑:GünterZöchbauer提供的第二个解决方案也适用于2.1.2

Answer 1

您可以通过传递自定义来设置默认视图封装CompilerConfig.RC.2中添加了此功能(功能列表中的最后一项)

1.您可以在NgModule级别设置它

这种方式不再起作用了

@NgModule({
    // imports, declaration, bootstrap, etc..
    providers: [{
        provide: CompilerConfig, 
        useValue: new CompilerConfig({
            defaultEncapsulation: ViewEncapsulation.None
        })
    }]
})
export class AppModule {}

Plunker的例子

2.将其设置为bootstrap级别(感谢yurzui)

platformBrowserDynamic().bootstrapModule(AppModule, [
    {
        defaultEncapsulation: ViewEncapsulation.None
    }
]);

请注意,您OFC需要导入ViewEncapsulation从@angular/core