Угловой 2 применять существующий класс CSS к динамическому нагнетаемому компоненту

Question

я впрыснуть динамически компоненты в DOM с:

let factory = this.componentFactoryResolver.resolveComponentFactory(component); 
let injector = ReflectiveInjector.fromResolvedProviders([], refDOM.parentInjector); 
let comp  = factory.create(injector); 
comp.changeDetectorRef.detectChanges(); 
refDOM.insert(comp.hostView,position); 
return comp 

У меня есть класс CSS:

.vbox { 

     display: -webkit-box; 
     display: -moz-box; 
     display:   box; 

     -webkit-box-orient: vertical; 
      -moz-box-orient: vertical; 
      -ms-box-orient: vertical; 
       box-orient: vertical; 


     display: -webkit-flex; 
     display: -moz-flex; 
     display:  -ms-flex; 
     display:   flex; 

     -webkit-flex-direction: column; 
      -moz-flex-direction: column; 
      -ms-flex-direction: column; 
       flex-direction: column; 
} 

Я хочу, чтобы применить класс VBox к тег: host css динамического инжектируемого компонента. Поскольку динамический компонент не задан в html-файле перед его вводом, я не могу применять существующие стили классов, такие как: class = "vbox".

Можно ли достичь этого?

спасибо.

Answer 1

Вы можете либо внутри динамической компоненты добавить

@HostBinding('class.vbox') 
isVboxClass:boolean = false; // or true by default 

, а затем включите его с помощью

comp.instance.isVboxClass = true; 

или просто

comp.location.classList.add('vbox');