javascript - 在 Angular 6 中拥有条件形式模型的惯用方式

Question

我有一个用例，我需要有 3 个步骤表单(客户要求)，每个步骤调用不同的端点，其中第一个可能有两个不同的模式 - 一个用于私有(private)客户，一个用于公司客户。

以 angular 6 响应式(Reactive)(可能是动态的)形式处理这种情况的惯用方式是什么？

1. 根据客户类型的选择值动态显示和隐藏带有条件验证的字段。
2. 客户类型选择值决定是呈现私有(private)客户表单还是呈现公司客户表单。

方法 nr 1 应该工作得很好，尽管每种情况有一半的字段不同，这会导致一个问题 - 为每种情况使用两种不同的形式(具有不同的模型绑定(bind))不是更好吗(方法 2)?

Answer 1

如果您的private 和company 字段完全不同 - 使用 2 种不同的表单可能是合适的，但如果您有类似的字段，如电话、地址、电子邮件等等 - 比使用一种形式并动态隐藏/显示不同的字段更合适