Ustawienia globalne Angular2 enkapsulacji

Question

Postanowiłem ustawić ViewEncapsulation na None dla wszystkich moich komponentów w moim projekcie.

Jak zatem ustawić globalnie ViewEncapsulation.None dla całego projektu? zamiast ustawiać go w każdym z moich dekoratorów komponentów.

Uwaga: Tylko dla dodatkowej informacji, Kim deps są na RC.6

Edit: The 2nd Rozwiązanie dostarczone przez Güntera Zöchbauer działa również na 2.1.2

Answer 1

Można ustawić domyślny widok enkapsulacja przez przekazanie niestandardowego CompilerConfig. Ta funkcja została dodana w RC.2 (ostatnia pozycja na liście funkcji)

1. Można ustawić go na NgModule poziomie

ten sposób już nie działa

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

Plunker example

2. ustawić go na poziomie bootstrap (Dzięki yurzui)

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

Należy pamiętać, że ofc trzeba importować ViewEncapsulation z @angular/core