title: Angular 2: Cannot find a differ supporting object for *ngFor
body: <p>Here is client.service.ts</p>
  
  <pre><code>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) =&gt; {
        this.clients= JSON.parse(data['_body']);
        return this.clients;
      })
    }
  </code></pre>
  
  <p>I have created model for client.</p>
  
  <p>HomeComponent.ts</p>
  
  <pre><code>onTestGet()
  {
  
        this._httpService.getClientList()
        .subscribe(
          data =&gt; this.getData = JSON.stringify(data),
          error =&gt; alert(error),
           () =&gt; console.log("finished")
           );
    }
  </code></pre>
  
  <p><strong>home.html</strong></p>
  
  <pre><code>&lt;select class="borderdiv" #select [(ngModel)]="cuurent" (change)="onChange($event.target.value)" class="form-control input-group" *ngIf="radioValue == 'yes'"&gt;
                  &lt;option *ngFor="let client of getData"&gt;  {{client.clientName}} &lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p><strong>Response data:</strong></p>
  
  <pre><code>[{"userId":"cos.com","clientCode":"75","clientName":"Abc COMPANY, THE"},{"userId":"maintenance.com","clientCode":"51","clientName":"AINC./ ALSTYLE APPAREL"}]
  </code></pre>
  
  <p>I have searched a lot.but unable to solve the problem.please help me.</p>