title: Not able to display the return data from service to html view in Angular.
body: <p>In my angular2 application, I am trying to use a Github service and trying to display the return data on UI. </p>
  
  <p>In first try I got an error as "Cannot find a differ supporting object '[object Object]' of type 'object'. " I figured the reason of the error and created a custom pipe to convert the object to array but still I am not able to bind the data to UI. </p>
  
  <p><strong>Service code:</strong></p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { Observable,of } from 'rxjs'
  
  export interface GitHubUser
  {
    html_url:string;
    avatar_url:string;
    login:string;
    score:string;
  }
  
  @Injectable({
    providedIn: 'root'
  })
  
  export class MyserviceService {
  
    constructor(private _http:HttpClient) { }
  
    getGitHubData(_searchTerm):Observable&lt;GitHubUser[]&gt;{
      return this._http.get&lt;GitHubUser[]&gt;
      ("https://api.github.com/search/users?q="+_searchTerm);
    }
  }
  </code></pre>
  
  <p><strong>pipe code</strong> </p>
  
  <pre><code>import { Pipe, PipeTransform } from '@angular/core';
  
  @Pipe({ name: 'derp' })
  export class DerpPipe {
    transform (value, args) {
      return Array.from(value);
    }
  }
  </code></pre>
  
  <p><strong>App.component.ts</strong></p>
  
  <pre><code>constructor(private _obj:MyserviceService){//(private _githubService:GitHubServiceService1){
  
     this.data$= this._obj.getGitHubData('gaurav');
     this.data$.subscribe(users=&gt; {
        this.users=users;
        console.log(this.users);
    }); 
  </code></pre>
  
  <p><strong>.html file</strong></p>
  
  <pre><code>*ngFor="let user of users | derp"
          {{ user.score }}
  </code></pre>