如何設置JSON數據使用angular2

Question

JSON數據

{ "d": "[{\"batch\":\"5\",\"term\":\"TERM V\",\"section\":\"Section I\"},{\"batch\":\"5\",\"term\":\"TERM VI\",\"section\":\"Section I\"},{\"batch\":\"5\",\"term\":\"TERM VII\",\"section\":\"Section I\"},{\"batch\":\"6\",\"term\":\"TERM I\",\"section\":\"Section I\"},{\"batch\":\"6\",\"term\":\"TERM II\",\"section\":\"Section I\"}]" }  

服務來選擇框中

getwithParamter()  
{ 
    let params = {program: 'pravin'}; 
    this.headers = new Headers(); 
    this.headers.append('Content-Type', 'application/json; charset=utf-8'); 
    //this.headers.append('Parameter', params); 
    let options = new RequestOptions({ 
       method: RequestMethod.Post, 
       url: "AttendanceMast.aspx/getBatch",     
       headers: this.headers, 
       body:{program: 'IFDM',location:'Pune',createdby:'ifdmpune'} 
       }); 

    return this._http.request(new Request(options)).retry(2) 
      .map((response: Response) => JSON.parse(response.text())) 
      .do(data => console.log('All: ' + data)) 
      .catch(this.handleError);     

} 

TS文件

this.dataService.getwithParamter().subscribe(
    tradeshows => this.getwithparamter = tradeshows, 
    error => console.error('Error: ' + error) 
); 

HTML

Batch : <select [(ngModel)]="sel_batch" > <option >Select Batch</option> 
        <option *ngFor="let item of getwithparamter ">{{item.batch}}</option> 

問題

我想從json data設置batch到select box見上此JSON數據來自JsonConvert.SerializeObject如何轉換它通過ngFor

訪問正常陣列怎麼辦呢？

Answer 1

不測試的代碼：你可以試試這個：首先是解析JSON像這樣：

TS：

something: any; 

    this.dataService.getwithParamter().subscribe(
    tradeshows => { 
     this.something = tradeshows 
     this.getwithparameter = JSON.parse(this.something.d) 
    }); 

和看法：

<option *ngFor="let item of getwithparamter">{{item.batch}}</option> 

OR在html-view你可以嘗試：

個

<option *ngFor="let item of getwithparamter.d">{{item.batch}}</option> 

TS：

this.dataService.getwithParamter().subscribe(
    tradeshows => { 
     this.getwithparameter = tradeshows 
    }); 

至於說，這不是測試，讓我知道這兩個作品！