Поле «Номер мобильного телефона» обязательно для заполнения.Угловая проблема HttpClient - PullRequest
Новая
       14

Поле «Номер мобильного телефона» обязательно для заполнения.Угловая проблема HttpClient

0 голосов
/ 28 сентября 2019

У меня возникла проблема, когда я пытаюсь получить данные из шаблона.
У меня есть метод createData (), который работает только с (keyup.enter).
В моей консоли я вижу следующие строки:

Content Type - application/Json
Body –
ext : 91
mobile_no :9967965001

И я всегда получаю следующую ошибку: 

{status: false, message: "The Mobile Number field is required.↵"}

Мой шаблон выглядит так: 

     <form fxLayout="column" fxLayoutAlign='center center' novalidate >

        <mat-form-field hintLabel='Should be 10 charectors long'>
            <input #todo (keyup.enter)="createData(todo)" [(ngModel)]="mobile_no" type="tel" name="mobile_no" matInput placeholder="Enter Your Phone Number" id="" ngModel  #pwInput="ngModel"  minlength="10" required>
        </mat-form-field>
        <p>{{data}}</p>
        <mat-checkbox>Accept T&C & Privecy Policy</mat-checkbox>
        <button (click)=" getPosts() " type="submit" color='primary' mat-raised-button>Next</button>
    </form>

Мой метод createData выглядит так: 

      sendData(todo){
    this.posData = new Apidata();
    this.posData.mobile_no = todo.value;
    this.posData.ext = 91;

    this.apiService.addpost(this.posData).subscribe((res: respData)=>{
      this.resultData = res;
      console.log(this.posData);
      console.log(this.resultData);
      this.data = this.resultData.message + "-" +  this.resultData.status;
    })

API-класс для экспорта данных 

export class Apidata {
    mobile_no: number;
    "ext": number;
}

export interface respData{
    message: string,
    status: boolean,

}

services.ts 

postdata: string = "http:url"

  httpOptions = {
    headers: new HttpHeaders({
      'content-type': 'application/json',
      'Authorization': 'my-auth-token',
    })
  }
  constructor(private httpClient : HttpClient) { }
  addpost(postD : Apidata){
  return this.httpClient.post(this.postdata, postD, this.httpOptions)
  }
...