홈>2020-12-15 00:31source

앵귤러 머티리얼을 사용하고 있습니다 입력 필드를 이메일로 보내는 방법

내 입력 필드에 이메일이 포함 된 내 HTML 코드

   <input matInput placeholder="Enter Email ID" [(ngModel)]="sendemail" >
    
    <mat-dialog-actions>
      <button mat-raised-button mat-dialog-close>Cancel</button>
      <button mat-raised-button [mat-dialog-close]="sendemail" color="primary" (click)="sendmail()">Send</button>
    </mat-dialog-actions>

이것이 component.ts에서 이메일을 보내는 방법입니다.

     sendemail: string;
    
      ngOnInit() {}
    
      sendmail(){
    
        this.api.sendFileMail(this.email).subscribe(data=>{
          console.log(data, "email id done")
        })
        this.toaster.successToastr('File sent successfully');
    
      }
    }

angularangular-material

답변 # 1
잘못된 속성을 사용하고 있습니다. 사용중인 템플릿에서 sendemail 모델. 그리고 사용중인 컨트롤러 this.email 특성. 당신의 sendemail 방법은 아래와 같습니다.
```
sendmail(){
    this.api.sendFileMail(this.sendemail).subscribe(data=>{
      console.log(data, "email id done")
    })
    this.toaster.successToastr('File sent successfully');
  }
```

답변 # 2

잘못된 속성을 사용하고 있지 않습니까? 당신은 바인딩하고 있습니다 sendemail 재산을 보내지 만 this.email .

버튼을 사용하고 있으므로 항상 다음과 같이 할 수 있습니다.

<input #mail matInput placeholder="Enter Email ID">
<mat-dialog-actions>
  <button mat-raised-button mat-dialog-close>Cancel</button>
  <button mat-raised-button [mat-dialog-close]="sendemail" color="primary" (click)="sendmail(mail.value)">Send</button>
</mat-dialog-actions>

 sendmail(email){
    this.api.sendFileMail(email)
      .subscribe(data => console.log(data, "email id done"));
    
    this.toaster.successToastr('File sent successfully');
  }

Python2.net

앵귤러 머티리얼을 사용하고 있습니다 입력 필드를 이메일로 보내는 방법

관련 자료