title: Data not rendering after returning from Firestore onSnapshot
body: <p>I am using an Ionic/Angular frontend here. My data comes back from Firestore correctly. It also comes back after a change has been made to the firestore document.</p>
  <p>However, the data never renders to the <code>ion-content</code>. It does log to the console correctly. This leads me to believe I am doing something wrong with Ionic/Angular.</p>
  <p>The template file</p>
  <pre><code>&lt;ion-content [fullscreen]=&quot;true&quot; style=&quot;text-align: center;&quot; *ngIf=&quot;!this.isLoading&quot;&gt;
      &lt;ion-item *ngFor=&quot;let team of currentTeams; let index&quot; [color]=&quot;team.color&quot; style=&quot;margin: 10px;&quot;&gt;
        &lt;p&gt;{{index}}&lt;/p&gt;
        &lt;h1 slot=&quot;start&quot; style=&quot;height: 3.5rem;&quot;&gt;{{ team.name }}&lt;/h1&gt;
        &lt;br /&gt;
        &lt;div id=&quot;controls&quot; slot=&quot;end&quot;&gt;
          &lt;ion-icon style=&quot;margin: 0 20px&quot; name=&quot;remove-circle&quot; (click)=&quot;decrementTeamScore(team)&quot;&gt;&lt;/ion-icon&gt;
          &lt;span&gt;{{ team.score }}&lt;/span&gt;
          &lt;ion-icon style=&quot;margin: 0 20px&quot; name=&quot;add-circle&quot; (click)=&quot;incrementTeamScore(team)&quot;&gt;&lt;/ion-icon&gt;
        &lt;/div&gt;
      &lt;/ion-item&gt;
  &lt;/ion-content&gt;
  </code></pre>
  <p>The class file</p>
  <pre><code>    this.isLoading = true;
      this.gameId = this.route.snapshot.params.id;
      if(this.gameId) {
        const result = await this.getGame();
        if(result) {
          await this.getTeams();
        }
      }
      this.isLoading = false;
    }
    public async getTeams() {
      const teamRef = this.teamsCollection.ref;
      const teamsByGameIdQuery = teamRef.where('gameId', '==', this.currentGame.docID).orderBy('score', 'desc');
      onSnapshot(teamsByGameIdQuery, (snapshot) =&gt; {
        const teams: ITeam[] = [];
        snapshot.docs.forEach((doc) =&gt; {
          teams.push({ ...doc.data(), id: doc.id});
          this.currentTeams = teams;
        });
        console.log(this.currentTeams);
      });
    }
  </code></pre>
  <p>Also including the console data that I am getting back from Firestore.
  <a href="https://i.stack.imgur.com/0EMYz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0EMYz.png" alt="Console Data" /></a></p>
  <p>And here is a screenshot of the current screen
  <a href="https://i.stack.imgur.com/Rj0SP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rj0SP.png" alt="Picture of current screen" /></a></p>