反应式表单 - 在 Angular 中附加值

Question

我正在使用响应式表单，我可以从中附加一些值，以便发送http 请求发帖。它在我附加文本或文件时有效，但我不确定如何附加日期、布尔值或数组。

addPost(postAdded: Post, image: File) {
    const postData = new FormData();
    postData.append("title", postAdded.title); // string
    postAdded.append("startDate", postAdded.startDate); // date
    postAdded.append("private", postAdded.private); // boolean
    postAdded.append("image", image, postAdded.title); // file
    this.http
      .post<{ postId: string }>(
        "http://localhost:3000/api/posts",
        postAdded
      )
      .subscribe(responseData => {
        this.potsUpdated.next([...this.posts]);
        this.router.navigate(["/"]);
      });
  }

我得到的错误如下：

“日期”类型的参数不能分配给“字符串”类型的参数 |斑点'。 “日期”类型不可分配给“字符串”类型。ts(2345)

或

“布尔”类型的参数不能分配给“字符串”类型的参数 | Blob'.ts(2345)

最后是数组的错误

“string[]”类型的参数不能分配给“string |”类型的参数斑点'。 类型 'string[]' 不可分配给类型 'string'.ts(2345)

当使用布尔值时

布尔值用于切换，日期用于日期选择器。

我该怎么做？

Answer 1

我认为应该以正确的格式添加日期。试试这个：

var datestr = (new Date(postAdded.startDate)).toUTCString();
formdata.append("start", datestr);

对于布尔项：

formdata.append(prop, JSON.stringify(postAdded.private));

对于数组：

for (let i = 0; i < postAdded.participants.length; i ++) {
    formdata.append(prop, JSON.stringify(postAdded.participants[i]));
}