要素が動的に作成された場合、ホスト要素に[ngClass]をプログラムで追加する適切な方法は何ですか？

Question

私は動的要素

initElem() { 
let childElFactory = this._cfRes.resolveComponentFactory(childElCmp); 
// _cfRes is ComponentFactoryResolver 
let childElRef = this._vcRef.createComponent(childElFactory); 
// _vcRef is ViewContainerRef 
childElRef.instance.childElModel = someModel; 
} 

を作成していると私はchildElCmpの要素をホストするために

[ngClass]="{active: childElModel.active}" 

attribiuteと

#childEl 

attribiuteを追加します。

elementRefを適切な方法で使用したくないです。 レンダラーは私が探しているものだと思っていますが、正しい方法で使用する方法はわかりません。

Answer 1

[ngClass]...またはその他のバインディングを動的に追加されたコンポーネントに適用することはできません。

あなたが動的に追加されたコンポーネントに

@HostBinding('class.active') isActive:boolean = false; 

を追加しactiveクラスはコンポーネントから削除/追加取得するには

childref.instance.isActive = true; 

使用することができます。

それとも、親コンポーネントにElementRefを注入し、

elementRef.nativeElement.querySelector('child-el').classList.add('active');