如何在angular 6中将联系表格详细信息发送到电子邮件？

在Angular 6中，可以通过使用电子邮件服务和表单模块来将联系表格详细信息发送到电子邮件。下面是一个实现此功能的步骤：

首先，确保已经安装了@angular/forms和@angular/common模块。可以使用以下命令进行安装：

npm install @angular/forms @angular/common

在组件中导入所需的模块和服务：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { HttpClient } from '@angular/common/http';

创建一个表单组并定义所需的表单控件：

export class ContactFormComponent {
  contactForm: FormGroup;

  constructor(private formBuilder: FormBuilder, private http: HttpClient) {
    this.contactForm = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      message: ['', Validators.required]
    });
  }
}

在模板中创建一个表单，并绑定表单控件：

<form [formGroup]="contactForm" (ngSubmit)="sendEmail()">
  <div>
    <label for="name">Name:</label>
    <input type="text" id="name" formControlName="name">
  </div>
  <div>
    <label for="email">Email:</label>
    <input type="email" id="email" formControlName="email">
  </div>
  <div>
    <label for="message">Message:</label>
    <textarea id="message" formControlName="message"></textarea>
  </div>
  <button type="submit" [disabled]="contactForm.invalid">Send Email</button>
</form>

在组件中创建一个发送电子邮件的方法，并使用HttpClient发送POST请求：

sendEmail() {
  const formData = new FormData();
  formData.append('name', this.contactForm.get('name').value);
  formData.append('email', this.contactForm.get('email').value);
  formData.append('message', this.contactForm.get('message').value);

  this.http.post('your-email-api-url', formData).subscribe(response => {
    console.log('Email sent successfully');
  }, error => {
    console.error('Error sending email:', error);
  });
}

请注意，上述代码中的your-email-api-url应替换为实际的电子邮件发送API的URL。

这样，当用户填写并提交表单时，表单数据将被发送到指定的电子邮件API，并在控制台上显示成功或错误消息。

推荐的腾讯云相关产品：腾讯云邮件推送（https://cloud.tencent.com/product/ses）