クライアントとサーバー間の通信（角2度）

Question

メールサービスにNodeMailerを使用しています。私はクライアント側のフィールドから電子メールアドレスを取得して、その値をapp.jsに送信して、そこにnodemailerコードがある必要があります。

クライアント側は、あなたが探して/学習角度を検討して、フォームに入るべき

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

sendmail() { 
} 

app.js、Nodemailerコード（私はここに対処するための電子メールIDを取得する必要があります）

let mailOptions = { 
    from: 'xyz@gmail.com', 
    to: '', 
    subject: 'Test Mailer', 
    text: 'I am testing Nodemailer to send email.', 
}; 

Answer 1

。その後、あなたがサービス

にデータをポストするのに役立ちます、HTTPモジュールにこれが主旨ではない、実際の答え

でこれが行わ取得する方法はたくさんいるから、通常の入力となったデータを使用してありますが、ボタンコントロールを使用して入力するか、フォームを使用して[最良の方法]を使用して送信することもできます。

角度はTemplate DrivenまたはReactive Formsの2種類あります。

あなたのフォームに詳細が表示されたら、それを私が推測しているレストサービスに投稿する必要があります。そのためには角度を参照する必要がありますHttp Clientモジュール

詳細については、それらのリンクをご覧ください。

Answer 2

これを行うには、角度のあるサービスを使用する必要があります。ターミナルで、サービスを作成するフォルダにパスを設定し、コマンドng generate service <service_name>を使用します。これにより、service_name.service.tsファイルが作成されます。詳細については、https://codecraft.tv/courses/angular/http/overview/またはhttps://angular.io/tutorial/toh-pt4を参照してください。

httpメソッドget、post、put、deleteなどと一緒にAPIを使用すると、タスクを完了できます。それぞれのcomponent.tsファイルで

のような変数のメールを作成：HTMLファイル内

email =string; 

はよう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}); 
} 

このサービスとinstanコンストラクタを呼び出してメソッドを呼び出してサービスを呼び出す