angular - 动态添加和删除组件作为 Angular 中的表单字段

Question

我在模板上有不同的按钮，例如输入、复选框、单选、按钮等，并且在单击每个按钮时，它们对应的表单字段应该会显示出来。

例如 - 单击输入按钮时，应动态创建输入按钮组件并显示。并且这个字段也有remove按钮，点击remove按钮他们对应的字段应该从dom中移除。

我有关于动态生成组件的基本想法，需要帮助来完成上述场景。

呈现表单字段的示例对象结构可以如下所示：

[{
  "id": 1,
  "type": "TEXT_BOX",
  "label": "Input text box",
  "placeholder_text": "Enter your text here"
}, {
  "id": 2,
  "type": "TEXT_AREA",
  "label": "Input text area",
  "placeholder_text": "Enter your description here"
}]