angular - Angular redux/forms 绑定到嵌套元素

Question

我目前正在尝试在此之后将表单绑定到我的 redux 商店（模板驱动）

所以可以说我有以下结构：

{   
 person {
  personName: string,
  address {
   street: string,
   city: string
  }
 }
}

现在我想将它绑定到一个表单：

<form [connect]=['person']>
 <input type="text" name="personName">
 <!-- now i want to show the street and city -->
 <input type="text" name="street">
 <input type="text" name="city">
</form>

我如何告诉我要添加address到路径的表单以便我可以绑定street到city我的商店？

Answer 1

所以我找到了解决方案：

<form [connect]=['person']>
  <input type="text" name="personName">
  <!-- now i want to show the street and city -->
  <div [ngModelGroup]="'address'">
   <input type="text" name="street">
   <input type="text" name="city">
  </div>
</form>

我将address作为字符串传递给模型组，这会在路径中创建必要的链接