メソッドの@ViewChildの一時変数を角2で作成する方法は？

Question

私はdiv要素に動的にHTMLコントロールを追加しようとすると、」とコントロールを作成した後、私は

@ViewChild('dropDownListReference') myDropDownList: typeOfComponent 

コントロールを生成した後、クラスではなくメソッドで作成することをviewchild作成することによって、その上の操作を実行したいと思いますこれを初期化できません

AddLevelClick() { 
var el: HTMLElement = document.getElementById('multi-sort-body'); 
el.innerHTML = "<div #test1></div>"; 
@ViewChild('test1') myDropDownList: typeOfComponent // Unable to create here 
} 

ViewChild要素をローカルに作成する手掛かりはありますか？

Answer 1

ViewChildを動的に追加して使用することはできません。

ViewChildは、コンポーネントまたはディレクティブタイプまたはテンプレート変数がコンポーネントテンプレートに静的に追加された場合にのみ機能します。

@ViewChild()をメソッド内に追加することもできません。クラスレベルのプロパティでのみ機能し、静的に追加する必要があります。

コンポーネントテンプレートにHTMLを静的に追加するために、コンポーネントとディレクティブもインスタンス化されます。

ViewContainerRef.createComponent()を使用すると、コンポーネントを動的に追加することができます。例についてはAngular 2 dynamic tabs with user-click chosen components