動的に作成されたコンポーネントにスタイルを追加する方法

Question

動的に作成されたコンポーネントにスタイルを設定しようとしています。

私はs/cssスタイル（クラスまたはID）でできないので、このようなことをしたいです。私が作成してい

<div [style.height]="myVar"> 

コンポーネントは次のとおりです。

let widgetResourceGroupFactory = this.resolver.resolveComponentFactory(ResourceGroupComponent); 

for (let group of this.groups) { 
    let widgetResourceGroupReference = this.content.createComponent(widgetResourceGroupFactory); 

    widgetResourceGroupReference.instance['group'] = group; 
    widgetResourceGroupReference.instance['slug'] = group.slug; 

    this.renderer.listen(widgetResourceGroupReference.location.nativeElement, 'click',() => { 
    this.loadCategories(group); 
    }); 
} 

私はinstance['style.height']の一種だったこと、widgetResourceGroupReferenceにカスタムスタイルを設定するには、しかし、私は何をしようとしていたことは動作しませんでしたします。

ありがとうございます。

Answer 1

さて、私はレンダラでそれを解決：

this.renderer.setElementStyle(widgetResourceGroupReference.location.nativeElement, 'width', this.upperLeftWidth);