угловые 4 пружинных загрузочных данных null после подписки в угловых 4

Question

я использую угловой 4 и пружинный башмак. когда я подписываюсь в моем компоненте, данные становятся нулевыми. это пример: первая печать верна, но как только я печатаю (console.log) data == null

способ обслуживания:

saveEtage() {
    this.etage.nom = this.etageNomadd;
    console.log("etageNomadd = "+ this.etageNomadd);
    this.idmaisonadd = parseInt(this.modifiedtext);
    console.log(" id maison = "+ this.etage.maison+" Nom Etage = "+ this.etage.nom);

    this.http.post("http://localhost:8080/saveEtage",this.etage)
      .map(resp=>resp.json())
      .subscribe(data => {
        console.log(data);
      }, err => {
        console.log(err);
      });
  }

в restControlleur у меня есть этот метод

@RequestMapping(value = "/saveEtage", method = RequestMethod.POST)
public Etage saveEtage(@RequestBody Etage p) {
    System.out.println("  etage " + p.getIdEtage());
    System.out.println("  etage  name " + p.getNomEtage());
    etageRepository.save(p);
    return p;
} 

кто-нибудь может помочь мне решить эту проблему?

Answer 1

привет, я решил проблему

1 - я создаю объект с такими же свойствами

export class Maison{
  idMaison : number;
  nomMaison : string;

  constructor( ) {
    this.idMaison= null;
    this.nomMaison = null;
  }
}

2 - я меняю отношение в моей модели внешнего интерфейса с номера на Maison

import {Maison} from "./model.maison";
    export class Etage{
      idEtage : number;
      maison : Maison;
      nomEtage : string;

      constructor() {
        this.idEtage = null;
        this.maison = null;
        this.nomEtage = null;
      }
    }

3 - это мой метод сохранения в компонентах

saveEtage() {
    this.etage.nomEtage = this.etageNomadd;
    let mai = new Maison();
    mai.idMaison = this.maisonSelected;
    this.etage.maison = mai;
    this.http.post("http://localhost:8080/saveEtage", this.etage)
      .map(resp=>resp.json())
      .subscribe(data => {
        console.log(data);
      }, err => {
        console.log(err);
      });
  }

4 - мой выбор HTML

<div>
    <select [(ngModel)]="maisonSelected" class="form-control " (ngModelChange)="onMaisonSelected($event)">
      <option *ngFor="let k of pageReservations1?.content" [value]="k.idMaison">{{k.nomMaison}}</option>
    </select>

  </div>

Надеюсь, это поможет вам.