數據綁定到模板撥打電話後angular2

Question

服務

let options = new RequestOptions({ headers: this.headers }); 
    let body = JSON.stringify(this.params); 
    return this.http.post(this.url,body, options) 
     .map((res: Response) => res.json() as Observable<Proc>) 
     .catch((error: any) => Observable.throw(error.json().error)) 

組件

this.procservices.GetProcData(this.selectedServer,"test","test2") 
     .subscribe(res => { 
      this.inventoryList = res as Proc[]; 
      console.log(this.inventoryList); 
     }, 
     error => this.errorMessage = <any>error); 
} 

{ 」PROJECT_NAME「 使用http.get來服務「 」關鍵_「： 」DOB「， 」r_q「： 」「， 」t_y「： 」H「， 」v_size「： 」10「， 」I_X「： 」I「， 」E_R「： 」「，」 lso_rt 「：」 B08" ， 「值」： 「」}，{ 「PROJECT_NAME」： 「WeCareUtility」， 「proc_name中」： 「lookupALL」， 「鍵_」： 「GNDR」， 「r_q」： 「」， 「t_y」： 「H」， 「v_size」： 「2」， 「I_X」： 「I」， 「E_R」： 「」， 「lso_rt」： 「B09」， 「值」： 「」}，{ 「PROJECT_NAME」：「WeCareUtility 「 」proc_name中「： 」lookupALL「， 」關鍵_「： 」S1「， 」r_q「： 」「， 」t_y「：」 h「，」v_size「：」1「，」i_x「：」I「，」e_r「：」「，」lso_rt「：」B10「，」value「：」「}]''string'。 NgFor僅支持與陣列等Iterables綁定。 在NgFor.ngOnChanges（common.umd.js：1671） 在Wrapper_NgFor.ngDoCheck（/CommonModule/NgFor/wrapper.ngfactory.js:49） 在CompiledTemplate.proxyViewClass.View_ProcComponent0.detectChangesInternal（/的AppModule/ProcComponent /部件.ngfactory.js：665） 在CompiledTemplate.proxyViewClass.AppView.detectChanges（core.umd.js：12208） 在CompiledTemplate.proxyViewClass.DebugAppView.detectChanges（core.umd.js：12355） 在CompiledTemplate.proxyViewClass.AppView .internalDetectChanges在CompiledTemplate.proxyViewClass.AppVie上輸入代碼（core.umd.js：12193） at CompiledTemplate.proxyViewClass.View_ProcComponent_Host0.detectChan enter code here gesInternal（/AppModule/ProcComponent/host.ngfactory.js:38） w.detectChanges（core.umd.js：12208） 在CompiledTemplate.proxyViewClass.DebugAppView.detectChanges（core.umd.js：12355） 在ViewContainer.detectChangesInNestedViews（core.umd.js：12466）

Answer 1

庫存列表是JSON字符串，需要轉換。 JSON.parse（）應該將它從一個字符串轉換爲一個對象數組。