0
私は、次のformGroup構造があるだろうHTML構造を反映する必要があります。ネストされたアンギュラフォームグループ - フォーム
userGroup = {
name,
surname,
address: {
firstLine,
secondLine
}
}
これは、次のようなHTMLを書くために私を強制的に：
<form [formGroup]="userGroup">
<input formControlName="name">
<input formControlName="surname">
<div formGroupName="address">
<input formControlName="firstLine">
<input formControlName="secondLine">
</div>
</form>
がさんは言ってみましょう、の例の場合、次のようなHTMLを書くように制限されています。
<form [formGroup]="userGroup">
<input formControlName="name">
<input formControlName="surname">
<div formGroupName="address">
<input formControlName="firstLine">
</div>
<hr>
<div formGroupName="someOtherGroup">
<input id="problemSecondLine" formControlName="???.secondLine">
</div>
</form>
id=problemSecondLineでフィールドを強制的にuserGroup -> address -> secondLineにする方法はありますか？視覚的には、私には選択肢がありませんが、この特定のDIVの下に配置する方法はありますか？
私は手動でngModel経由でアップデートできると思いますが、私は可能な限りクリーンな方法を見つけようとしています。