forms - this.form.patchvalue による angular2 モデル主導のフォーム作成

Question

http 経由で受信するデータのモデル駆動型フォームの値を設定するのを手伝ってくれる人はいますか?

これはservice.tsからの抜粋です

getExternalConnection(row_id){

  return this._http.get(this._url + '/' + row_id)
    .map(res=> res.json());

}

これは component.ts からの抜粋です

 constructor(private _externalConnectionListService:        ExternalConnectionListService,
  private _route: ActivatedRoute, fb: FormBuilder
) {
  this.externalConnectionForm = fb.group({
    row_id : [''],
    name: ['', Validators.required]
  });
}
ngOnInit(): void {

this.id = this._route.snapshot.params["row_id"];
this._externalConnectionListService.getExternalConnection(this.id)
  .subscribe( res=> {this.data = res;
   this.externalConnectionForm.patchValue(this.data);
   });

このコードでは、フォームに初期値が表示されません。ただし、角括弧 [] を削除した後、手動で patchValue 呼び出しの this.data をオブザーバブルから返された文字列全体に置き換えると、フォームに問題なく入力されます。

どうすればこれに対処できますか? これは、patchValue が正常に機能していることを意味します。これは、this.data からの入力の形式が気に入らないだけです。