angular - Angular 2、ngOnInit でサブスクライブした後にデータを取得できません

Question

問題が発生しました。おそらく方法がわかりませんが、angular ngOnInit 中に HttpRequest からデータを取得しようとすると、console.log が「未定義」の値を返します。問題は、テンプレート ビューでこの値を使用すると機能することです。

これが私のコンポーネントです

export class ReferentielFormComponent implements OnInit {
  id: number;
  currentUser;
  referentiel;
  progressValue: number;
  formGroup: FormGroup;
  isNew: boolean;

  constructor(private service: AppService,
          private referentiels: ReferentielService,
          private router: ActivatedRoute,
          private config: NgbTabsetConfig) {
  }

  ngOnInit() {
    this.router.params.subscribe((params: Params) => this.id = params['id']);
    if (this.id) {
      this.referentiels.getReferentiel(this.id).subscribe(data => this.referentiel = data);
    } else {
      this.referentiel = {};
    }
    this.isNew = !this.referentiel;

    console.log(this.referentiel);
    console.log(this.isNew);
    this.progressValue = 20;

    this.formGroup = new FormGroup({
      titre: new FormControl(!this.isNew ? this.referentiel.titre : '', [
        Validators.required,
      ]),
      description: new FormControl(!this.isNew ? this.referentiel.description : '', [
        Validators.required,
      ])
    });
  }
}

変数 this.referentiel は未定義を返すため、フォームを既存の値にバインドできません...

助言がありますか ？