Угловой 6: Ошибка ОШИБКА: Аргумент не валидный при вставке

Question

При работе с angular6 у меня есть форма, которую я хочу отправить, чтобы вставить объект с некоторыми полями.

HTML код:

<form name="form" (ngSubmit)="f.form.valid" #f="ngForm" validate>
<div class="form-group row">
  <label for="inputEmail3" class="col-sm-2 col-form-label">book Name</label>
  <div class="col-sm-10">
    <input type="text"
           class="form-control"
           [(ngModel)]="book.libelle"
           #libelle="ngModel"  
           minlength="4" 
           required  
           class="form-control"
           id="libelle" 
           name="libelle">
  </div>
</div>
<div class="card-footer">
  <button type="submit"  
         class="btn btn-sm btn-primary" 
         (click)="saveBook(book)" 
         prevent-double-submit>
    <i class="fa fa-dot-circle-o"></i> save
  </button>      
</div>

В моей книжной модели поле названо lebelle.

ц часть для вставки:

 public saveBook(newBook:Book) {
   return this.bookService.saveBookService(this.book)
     .subscribe((reponseService: ReponseService) => {
    this.reponseService = new ReponseService(reponseService);
    this.messageErreur = new MessageErreur(this.reponseService.recupererMessageErreur());
    if (this.messageErreur.contientErreur()) {
      this.alertStyle = Constantes.ALERT_PRIMARY_RED;
    } else {
      this.alertStyle = Constantes.ALERT_PRIMARY_GREEN;
      this.router.navigateByUrl("/BaseUrl?messageErreur.code=" + this.messageErreur.code + "&messageErreur.message=" + this.messageErreur.message + "&alertStyle=" + this.alertStyle);
    }
  });
}

Спасибо за ваши предложения