Angular アプリには、フォームA
(サイト管理者用のフォーム) とフォームU
(標準ユーザー用のフォーム) の 2 つのフォームがあります。
FormA
にはすべてのFormU
が含まれていますが、さらにいくつかの入力フィールドが追加されています。
同じコードを 2 つコピーするのではなく、 Form を 1 回だけ記述し、FormとU
Formの 両方で使用したいと考えています。U
A
現時点での私の2つのオプションは次のようです。
1:
含まれるコンポーネントで を宣言し<form>
、コンポーネント タグとしてサブフォームに渡します。
<form [formGroup]="formA">
<form-u-component></form-u-component>
<input name="admin-input1" />
<input name="admin-input2" />
</form>
2.
FormUComponent
管理フォームまたはユーザー フォームのケースを処理するロジックを内部に含めます。「isAdmin」スイッチを渡します。
<form-u-component [isAdmin]="isAdmin"></form-u-component>