我正在开发Angular 5 Webb应用程序以创建各种数据库/文件连接（例如FTP，HDFS，Hive）。所有这些连接类型需要不同的字段（例如：主机，文件路径，端口等）才能完成连接请求。应用程序的设计方式是，表单上最初会有连接类型下拉列表。基于所选的连接类型，我将创建子窗体，其中包含特定于该连接类型的字段。 （例如用于Hive连接的clusterName，表，数据库字段）
因为几乎所有连接中都需要这些字段。我的设计方法应该是什么
创建字段级组件：为子字段创建单独的组件（app-port-component，app-filePath-component），并根据连接对它们进行imoprt / include。我觉得这种方法更可重用，并且避免了很多重复，因为将有一种通用的方法来创建/更新任何连接。 2）为每种连接类型分配单独的组件：为每种连接类型创建单独的组件和控制器。在其中添加必填字段，并使用每个字段的单独创建/更新方法分别对其进行验证。
谢谢， 拉西卡