Angular redux / forms绑定到嵌套元素

时间:2018-03-07 12:22:47

标签: angular forms angular-forms angular-redux

我目前正试图在this之后将表单绑定到我的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添加到路径中,以便将streetcity绑定到我的商店?

1 个答案:

答案 0 :(得分:0)

所以我找到了解决方案:

<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作为字符串传递给modelGroup,这会在路径中创建必要的链接