我的 Angular 应用程序中有两个表单:表单A
(站点管理员表单)和表单U
(标准用户表单)。
表单A
包括所有表单U
,但添加了更多输入字段。
我只想编写一次Form并在U
FormU
和FormA
中使用它,而不是拥有两个相同代码的副本。
我目前的两个选择似乎是:
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>