클라이언트와 서버 간의 통신 (각도 2도)

Question

메일 서비스에 NodeMailer를 사용하고 있습니다. 클라이언트 측의 필드에서 전자 메일 주소를 가져 와서 해당 노드 칩 코드가있는 app.js로 보내야합니다.

클라이언트 측

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 인 두 종류가 있습니다.

귀하의 양식에 세부 사항을 얻은 후에는 귀하가 추측하고있는 휴식 서비스에 게시해야합니다. 이를 위해서는 각도 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을 참조하십시오.

get, post, put, delete 등의 HTTP 메소드와 함께 API를 사용하여 작업을 완료 할 수 있습니다. 이어서 service.ts의 기능을

[(ngModel)]="email" 

: HTML 파일

email =string; 

같이 ngModel와 입력 필드 바인딩 : 각 component.ts에서

같은 가변 이메일 작성 파일 인수로 이메일을 받아들입니다.

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

다시 한번이 서비스와 instan을 가져옵니다. 생성자에서 tiate 및 서비스를 호출하는 방법을 사용하십시오