Angular 7 + Ioni c 4 Wordpress Контактная форма 7 не отправляет полезную нагрузку - PullRequest
Новая
       3

Angular 7 + Ioni c 4 Wordpress Контактная форма 7 не отправляет полезную нагрузку

0 голосов
/ 07 февраля 2020

Я использую контактную форму 7 в WordPress и конечную точку API / обратную связь, чтобы пользователи могли отправлять форму через мое приложение ioni c.

У меня все работает в почтальоне и бессоннице, в электронных письмах Получите безупречно, однако возникли проблемы с отправкой из приложения.

Требуемая полезная нагрузка для CF7
"ваше имя"
"youremail"

Сервис. ts 

postMessage(url: string, data) {
    return this.http.post(`${this.urlMessage}/${url}`, data);
  }

contact. html

    <form #f="ngForm" (ngSubmit)="onCreate(f)">
      <ion-item>
        <ion-label position="floating">Name</ion-label>
        <ion-input name="yourname" type="text" [(ngModel)]="model.yourname"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label position="floating">Email</ion-label>
        <ion-textarea autoGrow="true" name="youremail" type="email" [(ngModel)]="model.youremail"></ion-textarea>
      </ion-item>
      <ion-button expand="block" type="submit" color="primary">Submit</ion-button>
    </form>

contact.ts 

  public yourname: any;
  public youremail: any;
  model: any = {};



async onCreate(f) {
    const loading = await this.loadingCtrl.create({
      message: 'Sending Message'
    });
    await loading.present();
    console.log(f.value);
    this.wp.postMessage('feedback', f.value).subscribe(res => {
      console.log(res);
      loading.dismiss();
      // this.presentToast();
    });
  }

Журнал консоли 

yourname: "Test"
youremail: "test@yopmail.com"
__proto__: Object


{into: "#", status: "validation_failed", message: "One or more fields have an error. Please check and try again.", invalidFields: Array(2)}
into: "#"
status: "validation_failed"
message: "One or more fields have an error. Please check and try again."
invalidFields: Array(2)
0: {into: "span.wpcf7-form-control-wrap.yourname", message: "The field is required.", idref: null}
1: {into: "span.wpcf7-form-control-wrap.youremail", message: "The field is required.", idref: null}
length: 2
__proto__: Array(0)
__proto__: Object

Сеть журнала консоли 

{yourname: "Test", youremail: "test@yopmail.com"}
yourname: "Test"
youremail: "test@yopmail.com"

Я действительно сбит с толку. Я использую ту же форму для публикации в посте WordPress (без авторизации), и это прекрасно работает вместе с почтальоном / бессонницей.
Спасибо

...