Question

我正在创建我的投资组合，并且我已经实施了一个联系表格。

我会在我的Gmail中收到访客留言。我在网上找不到如何在Angular 2/4中做到这一点。

我应该添加后端网站吗？

<div class="contactcard">
    <md-card class="mdcardcontact">
        <md-card-header style="background-color: black; width:100%"></md-card-header>
        <div>
            <md-card-content>
                <form [formGroup]="form" class="form">
                    <div>
                        <md-input-container class="full-width">
                            <input mdInput type="text" formControlName="name" placeholder="Votre nom">
                        </md-input-container>
                    </div>
                    <div>
                        <md-input-container class="full-width">
                            <input mdInput type="text" formControlName="email" placeholder="Votre adressse mail">
                            <md-error *ngIf="form.get('email').hasError('pattern') ">
                                Votre mail n'est pas valid
                            </md-error>
                        </md-input-container>
                    </div>
                    <div>
                        <md-input-container class="full-width">
                            <input mdInput type="tel" formControlName="telephone" placeholder="Votre numéro de téléphone">
                            <md-error *ngIf="form.get('email').hasError('pattern') ">
                                Votre mail n'est pas valid
                            </md-error>
                        </md-input-container>
                    </div>
                    <div>
                        <md-input-container class="full-width">
                            <textarea mdInput type="text" formControlName="message" placeholder="Votre message" style="height:200px; "></textarea>
                        </md-input-container>
                    </div>
                    <button md-fab class="send-button">
                        <md-icon>send</md-icon>
                    </button>
                </form>
            </md-card-content>
        </div>
    </md-card>
</div>

Answer 1

如果我理解正确，您尝试使用前端的Javascript发送电子邮件，这是不可能的（另请参阅this question）。您将不得不为此设置服务器或使用第三方客户端。

Answer 2

您需要使用服务器端语言（PHP，C＃，Java，Python ......）。在向客户端发送邮件时，必须执行一些SMTP协议，目前我认为这必须在服务器上完成。因此，请在联系表单中收集用户信息并将其传递给服务器上的方法进行传输。

Answer 3

您需要某种后端脚本来为您完成此操作。然后，您从角度应用程序将所需数据发送到此脚本。

Answer 4

如果可以将

nodemailer和sendgrid传递回服务器端，则可以使用

如何将表单提交到邮箱地址

4 个答案: