2017-02-22 2 views
1

Hier finden ist client.service.tsAngular 2: Es kann keine unterscheiden stützendes Objekt für * ngFor

clients: Client[]; 

getClientList() 
    { 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    let authToken = localStorage.getItem('auth_token'); 
    console.log(authToken); 
    headers.append('X-auth-Token', authToken) 
     return this._http.get('http://localhost:8080/api/v1/client/list?isClient=Y', {headers}) 
     .map((data: Response) => { 
     this.clients= JSON.parse(data['_body']); 
     return this.clients; 
    }) 
    } 

I Modell für Client erstellt haben.

HomeComponent.ts

onTestGet() 
{ 

     this._httpService.getClientList() 
     .subscribe(
     data => this.getData = JSON.stringify(data), 
     error => alert(error), 
     () => console.log("finished") 
     ); 
    } 

home.html

<select class="borderdiv" #select [(ngModel)]="cuurent" (change)="onChange($event.target.value)" class="form-control input-group" *ngIf="radioValue == 'yes'"> 
       <option *ngFor="let client of getData"> {{client.clientName}} </option> 
      </select> 

Antwortdaten:

[{"userId":"cos.com","clientCode":"75","clientName":"Abc COMPANY, THE"},{"userId":"maintenance.com","clientCode":"51","clientName":"AINC./ ALSTYLE APPAREL"}] 

ich einen lot.but nicht in der Lage gesucht haben, das Problem zu lösen .Bitte hilf mir.

+0

sein Offensichtlich 'getData' ist nicht das Array Rückkehr Ihnen zeigen, wie' Antwort data'. Versuchen Sie '

{{getData | json}}
' –

+0

Bitte schreiben Sie den Code für 'getClientList()' –

+0

Ich habe versucht {{getData | json}}, bekommen Antwort in html –

Antwort

1
data => this.getData = JSON.stringify(data), 

sollte

data => this.getData = data,