2017-02-22 9 views
1

Вот client.service.tsУгловое 2: Не удается найти объект, поддерживающий отличаться для * 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; 
    }) 
    } 

Я создал модель для клиента.

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> 

данные Ответ:

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

Я ищется lot.but не в состоянии решить эту проблему .пожалуйста помогите.

+0

Очевидно 'getData' не возвращает массив, который вы показать, как' data' Response. Попробуйте '

{{getData | json}}
' –

+0

Пожалуйста, разместите код для 'getClientList()' –

+0

Я пробовал {{getData | json}}, получив ответ в html –

ответ

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

должен быть

data => this.getData = data, 
Смежные вопросы