title: (Ionic/ Angular 2) Calling service in NgFor?
body: <p>I have this <code>ngFor</code>:</p>
  
  <pre><code>&lt;ion-card *ngFor="let review of reviews"&gt;
      &lt;ion-card-content&gt;
          {{getUserName(review.user_ID)}}
      &lt;/ion-card-content&gt;
  &lt;/ion-card&gt;
  </code></pre>
  
  <p>I need to show the user name, but to get user name I need to call user service to get the username. The problem is when I try this. The page keeps loading and loading. What is the correct way to call service inside <code>ngFor</code>?</p>
  
  <p>This is my getUserName method:</p>
  
  <pre><code> getUserName(userId) {
       this.userService.loadUserById(userId)
          .then(dataUser =&gt; {
            this.user = dataUser;
          });
  
       return this.user; 
   }
  </code></pre>
  
  <p>And when I get the object how to access the object property like in HTML? (Example: user.firstName). Thanks.</p>