具有动态设计的角动态表单组

Question

我正在构建Angular 7应用程序。 在这个应用程序中，我使用带有嵌套表单字段（formArray）的反应式表单。通过单击一个按钮，我可以添加新的formArray项（并删除它们）。我需要做的是根据输入字段的值显示不同的UI元素。原因是我想让用户根据他们要添加的问题元素的类型添加不同的表单组（我正在构建调查应用程序）。

无论他们使用哪种问题类型，都使用相同的表单字段但设计不同。

添加群组时，我会附加以下内容：

initItem(type) {
    return this._fb.group({
      title: ['', Validators.required],
      otype: [type],
      duration: ['', Validators.required]
    });
  }

Otype是问题设计的类型。如何使用该otype值来转换问题表单组的设计？例如，隐藏显示另一部分的一部分？

感谢所有帮助！