Проблема с регистрацией CRUD с помощью угловой и весенней загрузки dataRest

Question

Это мой код "Classe.component.ts":

onSaveCla(data: any) {
    this.claService.saveResource(this.claService.host+"/classes",data)
      .subscribe(resp=>{
        console.log(resp);
        this.router.navigateByUrl("/classes");
      },err=>{
        console.log(err);
      })
  }

Это мой код "Classe.component.html":

<div *ngIf="mode=='new-Classe'" class="col-md-6">
  <form #f="ngForm" (ngSubmit)="onSaveCla(f.value)">
    <div class="form-group">
      <label class="control-label">Nom Classe</label>
      <input type="text" name="nomClasse" ngModel class="form-control">
    </div>
    <div class="form-group">
      <label class="control-label">Annéé Scolaire</label>
      <input type="text" name="anneeScolaire" ngModel class="form-control">
    </div>

    <div class="form-group" *ngIf="niveaus">
      <label for="niveau">Niveau</label>
      <select name="niveau" id="niveau" class="form-control">
        <option *ngFor="let niv of niveaus._embedded.niveaus" [value]="niv.id">
          {{niv.nomNiveau}}
        </option>
      </select>
    </div>

    <button class="btn btn-success" type="submit">Save</button>
  </form>
</div>

Это мой ответ объектапосле console.log(data):