Angular 4では、テンプレートで使用されているコンポーネントのタイプをプログラムで変更できますか？

Question

私はリストを編集することを目的としたコンポーネント（ListComponentと呼ぶ）を持っています。ユーザーは要素の追加、削除、並べ替えを行うことができます。

<div> <!-- Some Buttons --> </div> 
<ul> 
    <li *ngFor="element in dataArray"> 
     <string-editor [(NgModel)]=element></string-editor> 
     <!-- More Buttons --> 
    </li> 
</ul> 

<string-editor>も、基本的なスタイリングのビットとだけ入力コンポーネントであるテンプレートとカスタムコンポーネントである：そのテンプレートは、次のようになります。私ができるようにしたいのは、異なるタイプのデータ（例えば、数値、複数のフィールドを持つカスタムオブジェクト）を扱うことができるListComponentの複数のバージョンを持つことです。これを行うには、テンプレート内の<string-editor>を別のものコンポーネントクラス（<number-editor>または<my-custom-object-editor>など）。これらはすべてNgModelをサポートします。私は動的なコンポーネントの作成を見てきましたが、*ngForの変更検出でそれを使用する方法はないようです。

要約すると、<string-editor>を別のタグにプログラムで変更する方法はありますか？そうでない場合、*ngForの変更検出で動的コンポーネント作成を使用できる方法はありますか？

Answer 1

できることは次のとおりです。

どのスイッチを使用する必要があるか判断できる場合は、スイッチを使用してください。他https://angular.io/api/common/NgIf