Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何以这种JSON格式发送Angular 8表单数据?如何构建嵌套JSON以通过HTTP post请求发送?_Json_Angular_Http_Post_Nested - Fatal编程技术网

如何以这种JSON格式发送Angular 8表单数据?如何构建嵌套JSON以通过HTTP post请求发送?

如何以这种JSON格式发送Angular 8表单数据?如何构建嵌套JSON以通过HTTP post请求发送?,json,angular,http,post,nested,Json,Angular,Http,Post,Nested,我的JSON就是这种格式。如何设计一个角度表单组来轻松获取和更新这些数据。我面临的问题是如何为表单组编写一个良好的结构 如果JSON结构复杂,请建议更改 { usertypes_id: "1", name: "Admin", permissions: "{"dashboard":{"name":"Dashboard","value":"Full"},"studioInformation":{"name":"Studio Information","value":"Full"},"studioLo

我的JSON就是这种格式。如何设计一个角度表单组来轻松获取和更新这些数据。我面临的问题是如何为表单组编写一个良好的结构

如果JSON结构复杂,请建议更改

{
usertypes_id: "1",
name: "Admin",
permissions: "{"dashboard":{"name":"Dashboard","value":"Full"},"studioInformation":{"name":"Studio Information","value":"Full"},"studioLocation":{"name":"Studio Location","value":"Full"},"users":{"name":"Users","value":"Full"},"roles":{"name":"Roles","value":"Full"},"dancers":{"name":"Dancers","value":"Full"},
},
{
usertypes_id: "2",
name: "Staff",
permissions: "{"dashboard":{"name":"Dashboard","value":"Full"},"studioInformation":{"name":"Studio Information","value":"Full"},"studioLocation":{"name":"Studio Location","value":"Full"},"users":{"name":"Users","value":"Full"},"roles":{"name":"Roles","value":"Full"},"dancers":{"name":"Dancers","value":"Full"},
}

这是我已经尝试过的

constructor(
    private rolesService: RolesService,
    private menuItems: MenuItems,
    private fb: FormBuilder
  ) {

  }

ngOnInit() {
 const name = this.fb.control("", [Validators.required]);
    const permissions = this.fb.group({
      dashboard: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      studioInformation: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      studioLocation: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      users: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      roles: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      dancers: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      staff: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      courses: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
      classes: this.fb.group({
        name: ["", Validators.required],
        value: ["", Validators.required]
      }),
    });

    this.roleForm = this.fb.group({
      name: name,
      permissions: permissions
    })
}

你能补充一下你已经试过的吗?@Nicolas这是我试过的。。。不确定though@Nicolas请调查一下,我不知道该怎么回答。我不是角度方面的专家,我觉得我们遗漏了一些信息。您希望根据文件更新json。文件保存在浏览器还是服务器上?如果它在服务器上,您需要一个API来更新它。这不仅仅是您提供的。