打字稿提交数组

时间:2020-04-20 15:15:31

标签: angular typescript outlook microsoft-graph-api

我正在尝试使用Microsoft图形将事件发送给以我用角创建的表单填写的与会者,但是在包含电子邮件地址,名称和类型的数组中发送提交的数据时,将其更改为某种形式这将导致错误400。

我认为该错误与结构从所需的变化有关。 如下图所示,与会者已将[]从值中删除

Text

我如何维护结构以成功提交发帖请求?

来自eventsubmit.component.ts

 constructor(
    private formBuilder: FormBuilder,
    public graphService: GraphService
  ) {
    this.submitForm = this.formBuilder.group({
      subject: "",
      body: {
          contentType: "HTML",
          content: "Does late morning work for you?"
      },
      start: {
          dateTime: "2020-04-21T12:00:00",
          timeZone: "GMT"
      },
      end: {
          dateTime: "2020-04-21T14:00:00",
          timeZone: "GMT"
      },
      location: {
          displayName: "Harry's Bar"
      },
      attendees: [{
        emailAddress: {
            address: "***@***.com",
            name: "Joe Bloggs"
        },
        type: "required"
    }]
    })
  }

  eventSubmission(eventData) {
    console.log(eventData);
    this.graphService.addnewevent(eventData);
    this.submitForm.reset();
  }

来自graph.service.ts

async addnewevent (eventData) {
    try {
      let responseevents = await this.graphClient.api("/me/events").post(eventData);
      console.log(responseevents);
      return responseevents;
    } catch (error) {
      throw error;
    }
}

谢谢

1 个答案:

答案 0 :(得分:1)

为您的与会者添加formBuilder.array()official Docs

attendees: formBuilder.array([
   {
      emailAddress: {
         address: "***@***.com",
         name: "Joe Bloggs",
      },
      type: "required",
  },
]),