数据绑定到模板拨打电话后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（）应该将它从一个字符串转换为一个对象数组。