Ionic 3 发布请求

Question

我希望将我的 register.html 和我的 register.ts 文件链接在一起，以便向我的后端发送发布请求。我正在创建一个注册屏幕，它将信息发送到我的数据库（mongoDB/Node）

我开始使用 [{ngModel}]，如下例所示：

 <form id="signup-form3">
    <ion-list id="signup-list2">
      <ion-item id="signup-input6">
        <ion-label>
          email
        </ion-label>
        <ion-input type="email" name="email" [(ngModel)]="email" placeholder="Email"></ion-input>
</ion-item>

但是一直收到错误消息：“无法绑定到“{ngModel}”，因为它不是“离子输入”的已知属性。这是在我将所有必要的导入放入我的 app.module.ts 之后。

在我的 TS 文件中，我使用...发送发布请求

register() {
    let headers = new Headers();
    headers.append("Content-Type", "application/json");

    let body = {
      email: "this.email",
      password: "this.password"
    };

    this.http.post('http://localhost:3005/v1/account/register', JSON.stringify(body), {headers: headers})
      .map(res => res.json())
      .subscribe(data => {
        console.log(data);
      });
  }

不确定是否有更简单的方法，或者我是否以错误的方式使用 ngModel。

编辑：修正了 [(ngModel)] 错字。现在给我错误...

“具有给定用户名的用户已经注册” - 我认为它正在将“this.email”发送到数据库 - 虽然当我控制台注销它时，它正在显示电子邮件。这是 JSON.stringify 的问题吗？

编辑 2：现在从我的后端收到一个错误：“错误：发送后无法设置标头。”

Answer 1

好的，我在@ChesterLaborde 的帮助下发现了问题

我不得不取出 .map(res => res.json())

正如@ChesterLaborde 提到的要取出 Stringify - 我相信这是因为我已经将它转换为 JSON，而 .map(res => res.json()) 正试图再次这样做。我相信这是问题的根源，至少对我有用。

Answer 2

问题在于它不是[{ngModel}]，而是[(ngModel)]。这应该可以解决问题。

编辑：

去掉this.email和body上的this.password中的""，应该是这样的：

let body = {
  email: this.email,
  password: this.password
};