代码之家 › 专栏 › 技术社区 › Maryannah

反应形式:数组属性转换为对象

angular-forms angular

Maryannah · 技术社区 · 6 年前

我有一个有效载荷:

payload = {
  id: 1,
  name: 'This is the payload',
  children: [
    { id: 1, name: 'Child 1' }
  ],
};

我用它创建了一个表单组:

this.form = this.fb.group(this.payload);

然后显示表单的值:

{{ form?.value | json }}

结果是:

{ "id": 1, "name": "This is the payload", "children": { "id": 1, "name": "Child 1" } }

如你所见, children 属性从数组变为对象。

怎么会这样?
有没有可能阻止Angular这样做?
如果我需要使用formarray,有没有办法让它自动运行?

1 回复 | 直到 6 年前

ibenjelloun 6 年前

您应该声明一个数组数组,因为group将数组作为参数[值,…验证器]:

payload = {
    id: 1,
    name: 'This is the payload',
    children: [[
      { id: 1, name: 'Child 1' },
    ]],
  };

根据 angular.io :

this.fb.group({
   anArray: [[]]
});

// OR
this.fb.group({
   anArray: this.fb.array([])
});

// OR
this.fb.group({
   anArray: new FormControl([])
});

如果您想制作动态表单,请查看 this angular.io page .

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前