title: Print Json Data in HTML with Ionic/Angular
body: <p>I'm building an app with IONIC Angular, and I'm trying to print the result in HTML.</p>
  
  <p>From console.log it works correctly, but from the view I can't get the data printed</p>
  
  <p>json api </p>
  
  <pre><code>{
    "matches1": {
      "homeTeam": "Barcellona",
      "awayTeam": "Real Madrid",
     },
    "matches2": {
      "homeTeam": "PSG",
      "awayTeam": "Lione",
     }
  }
  </code></pre>
  
  <p>home.page.ts</p>
  
  <pre><code>export class HomePage {
  
    matches1: any;
    homeTeam1: any;
    awayTeam1: any;
    result1: any;
  
    private apiurl = 'https://myapi.xxx';
  
    constructor(private httpService: HttpClient) {
      this.getdata();
    }
  
    getdata() {
      this.httpService.get(this.apiurl).subscribe(res =&gt; {
          this.item = res['matches1']['homeTeam'];
          console.log(this.item); &lt;-- this work in console log
      }, (err: HttpErrorResponse) =&gt; {
          console.log (err.message);
         }
        );
      }
  
  }
  </code></pre>
  
  <p>home.page html</p>
  
  <pre><code>  &lt;ion-item *ngFor="let item of items"&gt; 
      {{item.homeTeam}}
    &lt;/ion-item&gt;
  </code></pre>
  
  <p>thanks!</p>