問題タブ [viewchild]

@ViewChild または @ViewChildren アノテーションを使用せずにサブコンポーネントにアクセスするにはどうすればよいですか? 例えば：

私はAngular2にかなり慣れていないので、やろうとしていることに対する解決策を見つけていません。次の例で説明しようと思います。

子コンポーネントXまたはYを含むことができる親コンポーネントAがあるとします。これは、viewchild を使用して簡単に解決できます。

しかし、コードを複製せずに子コンポーネントを動的にロードしたい場合はどうでしょうか?

実際の例:

• コンポーネント U : コンポーネント A を呼び出し、ユーザーの選択に従って子コンポーネント (X または Y) を注入する、ユーザーによって呼び出されるコンポーネント。
• コンポーネント A : テーブル、パネルなどのグリッド コンテナー。
• コンポーネント X : サービス S1 の行を含むビュー
• コンポーネント Y : サービス S2 の行を含むビュー

目的は、コンテナを簡単に変更して、すべてのビューを自動的に変更することです。

それを行う方法があるに違いありません。そのようなニーズに対する適切でクリーンなソリューションを見つけることができません。どんな助けでも大歓迎です。

ありがとう

タブセットを作成できるサードパーティのライブラリを使用しています。これは、単純なタブセットを作成するために使用しているコードです

loadData()タブが選択されたときに通知するイベントをフックしました。そのメソッドを<vcd-firewall-tab>と で呼び出したいと思います<vcd-dhcp-tab>。

は、選択された へのclrTabsCurrentTabContentChanged参照を提供しますが、その最初の子にアクセスして、遅延読み込みを実装するためclr-tab-contentに呼び出したいと思います。loadData()

@QueryChildrenクエリする要素のタイプを指定する必要があることを除いて、注釈を使用できると思います。問題は、この場合、タイプがわからないことです。または、他の多くのタブである可能性があり<vcd-firewall-tab>、<vcd-dhcp-tab>新しいタブを追加するたびにカスタム コードを追加したくありません。

イベントハンドラーからこのようなことができることを望んでいました（しかし、それは存在しません

@QueryChildren('clr-tab-content > *')各タブの下に子が1つしかないと仮定して、タブのインデックスを のようなものに一致させることができると思いました。

私は、html コントロールを div に動的に追加しようとしており、コントロールを作成した後、viewchild を作成して操作を実行したいと考えています。

クラスで作成できますが、コントロールを生成した後のメソッドではこれを初期化できません

ViewChild 要素をローカルで作成する手がかりはありますか?

この動作の何らかの理由を探していました。子コンポーネント 'Param' の Input() プロパティの値が適切なタイミングで更新されていません。更新された値を使用して、サービスをパラメーターとして呼び出す必要があります。「子の値を更新」ボタンをクリックすると、LOG B が最初に (古い値で) 表示され、その後に LOG A が表示されます (LOG A はプロパティのセッターにあります)。

親コンポーネント

子コンポーネント

望ましい動作は、最初に param の値を更新してから、その値をサービスのパラメーターとして使用することです。ログ A の次にログ B