Angular2 - 作成されたコンポーネントを動的に挿入する方法は？

Question

私は次のようにコードをいくつかのコンポーネントを作成しました：

resolveCom(com: any, viewContain: ViewContainerRef): ComponentRef<any> { 
     let comFac = this.componentFactoryResolver.resolveComponentFactory(com) 
     let newCom: ComponentRef<any> = viewContain.createComponent(comFac) 
     newCom.changeDetectorRef.detectChanges() 
     return newCom 
    } 

そして、私は、ダイナミックいくつかcompoenntsを作成し、配列に保存：

let newCom: ComponentRef<any> = this.resolveCom(item, viewContain) 
saveCom[key].push(newCom) 

ビューがcreated.Nowたコンポーネントを表示することができます私はこれらのコンポーネントを隠したり表示したりしたいが、私はそれらを破壊して再作成したくない。 私はそれらを今すぐ保存しました。私はビューに保存するコンポーネントを動的に挿入できますか？

Answer 1

あなたはlocation.nativeElementを使用して要素にアクセスして、属性またはプロパティ

newCom.location.nativeElement.hidden = true 

または

this.renderer.setElementProperty(newCom.location.nativeElement, 'hidden', true);