title: *ngFor does not display data from API in Angular 8
body: <p>I'm trying to display the name and age from API JSON but nothing is displaying. I've copied the array of objects of data below from the console. I've read through some other posts and tried some key/value solutions and cannot resolve.</p>
  <p>BirthdayService to retrieve celebrity birthdays from API :</p>
  <pre><code>import { Injectable } from &quot;@angular/core&quot;;
  import { HttpClient } from &quot;@angular/common/http&quot;;
  
  @Injectable({
    providedIn: &quot;root&quot;,
  })
  export class BirthdayService {
    constructor(private http: HttpClient) {}
  
    public getBirthdays() {
      return this.http.get(
        `https://cors-anywhere.herokuapp.com/https://celebritybucks.com/developers/birthdays/JSON`
      );
    }
  }
  </code></pre>
  <p>component.ts :</p>
  <pre><code>import { Component, OnInit, Injectable, Pipe } from &quot;@angular/core&quot;;
  import { BirthdayService } from &quot;../services/birthday.service&quot;;
  
  @Pipe({ name: &quot;values&quot; })
  @Component({
    selector: &quot;app-api-birthday&quot;,
    templateUrl: &quot;./api-birthday.component.html&quot;,
    styleUrls: [&quot;./api-birthday.component.css&quot;],
  })
  @Injectable()
  export class ApiBirthdayComponent implements OnInit {
    articles;
  
    constructor(private apiService: BirthdayService) {}
  
    async ngOnInit() {
      this.apiService.getBirthdays().subscribe((data: any[]) =&gt; {
        console.log(data);
        this.articles = data[&quot;articles&quot;];
      });
    }
  }
  </code></pre>
  <p>Html :</p>
  <pre><code>
    &lt;ul&gt;
    &lt;div *ngFor=&quot;let article of articles&quot;&gt;
      &lt;h2&gt;{{ article.name }}&lt;/h2&gt;
  
      &lt;p&gt;
        {{ article.age }}
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>Console - console.log() :</p>
  <pre><code>{Birthdays: Array(19)}
  Birthdays: Array(19)
  0: {celebId: &quot;3714&quot;, name: &quot;Jane Lynch&quot;, dob: &quot;1960-07-14&quot;, havePic: &quot;1&quot;, twitter: &quot;&quot;, …}
  1: {celebId: &quot;3540&quot;, name: &quot;Jackie Earle Haley&quot;, dob: &quot;1961-07-14&quot;, havePic: &quot;1&quot;, twitter: &quot;&quot;, …}
  2: {celebId: &quot;5727&quot;, name: &quot;Matthew Fox&quot;, dob: &quot;1966-07-14&quot;, havePic: &quot;1&quot;, twitter: &quot;&quot;, …}
  3: {celebId: &quot;7534&quot;, name: &quot;Scott Porter&quot;, dob: &quot;1979-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  4: {celebId: &quot;1753&quot;, name: &quot;Dale Robertson&quot;, dob: &quot;1923-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  5: {celebId: &quot;2167&quot;, name: &quot;Donald Meek&quot;, dob: &quot;1878-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  6: {celebId: &quot;2195&quot;, name: &quot;Doris Nolan&quot;, dob: &quot;1916-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  7: {celebId: &quot;2957&quot;, name: &quot;George Tobias&quot;, dob: &quot;1901-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  8: {celebId: &quot;3195&quot;, name: &quot;Harry Dean Stanton&quot;, dob: &quot;1926-07-14&quot;, havePic: &quot;1&quot;, twitter: &quot;&quot;, …}
  9: {celebId: &quot;3821&quot;, name: &quot;Jean Dixon&quot;, dob: &quot;1896-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  10: {celebId: &quot;5153&quot;, name: &quot;Lino Ventura&quot;, dob: &quot;1919-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  11: {celebId: &quot;6189&quot;, name: &quot;Nancy Olson&quot;, dob: &quot;1928-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  12: {celebId: &quot;6324&quot;, name: &quot;Nina Siemaszko&quot;, dob: &quot;1970-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  13: {celebId: &quot;6767&quot;, name: &quot;Polly Bergen&quot;, dob: &quot;1930-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  14: {celebId: &quot;7476&quot;, name: &quot;Sara Canning&quot;, dob: &quot;1987-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  15: {celebId: &quot;7740&quot;, name: &quot;Stan Shaw&quot;, dob: &quot;1952-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  16: {celebId: &quot;1&quot;, name: &quot;Val Avery&quot;, dob: &quot;1924-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  17: {celebId: &quot;93&quot;, name: &quot;Vincent Pastore&quot;, dob: &quot;1946-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  18: {celebId: &quot;8506&quot;, name: &quot;Zita Johann&quot;, dob: &quot;1904-07-14&quot;, havePic: &quot;0&quot;, twitter: &quot;&quot;, …}
  length: 19
  __proto__: Array(0)
  __proto__: Object
  </code></pre>