Angular 2+中客户端和服务器之间的通信

Question

我正在使用NodeMailer进行邮件服务。 我必须从客户端的字段中获取电子邮件地址，并将该值发送到我的nodemailer代码所在的app.js。

客户端

ngOnInit() {
  this.forgotForm = this.formBuilder.group({
    email: this.email,
  });
}

sendmail() {
}

app.js，Nodemailer代码（我必须获取电子邮件ID才能在此处寻址）

let mailOptions = {
    from: '[email protected]',
    to: '',
    subject: 'Test Mailer',
    text: 'I am testing Nodemailer to send email.',
};

Answer 1

您应该考虑寻找/学习角度，然后再进入形式。 然后进入http模块，这将帮助您将数据发布到服务

这是要点，不是实际答案

有很多方法可以完成此操作，可以使用常规输入并使用按钮控件或使用Forms（最佳方法）从该输入中获取数据，因为您可能还需要发送其他详细信息。

角模板驱动或反应形式有两种源头。

在您的表格中获取详细信息后，您需要将其发布到我猜的Rest服务。 为此，您需要查看Angular Http客户端模块

请查看这些链接以获取有关它们的更多详细信息。

Answer 2

为此，您需要使用角度服务。 在终端中，将路径设置为要在其中创建服务的文件夹，然后使用命令ng generate service <service_name> 。 这将创建一个文件service_name.service.ts。 您可以参考https://codecraft.tv/courses/angular/http/overview/或https://angular.io/tutorial/toh-pt4了解更多信息。

您可以将API与http方法get，post，put，delete等结合使用来完成任务。

在相应的component.ts文件中，创建一个变量电子邮件，例如：

email =string;

在html文件中，将输入字段与ngModel绑定为：

[(ngModel)]="email"

然后在service.ts中创建一个函数，该函数接受电子邮件作为参数

endMail(email) {
//make api call using http method(say post)
// supply email
  let url = <APIURL>
  return http.post(url, {email: email});
}

再次在component.ts中导入此服务并在构造函数中实例化，并使用一种方法来调用service