title: Page making too many HTTP Requests in Angular2
body: <p>This is my .ts code</p>
  
  <pre><code> userCount(event_id){
      this.http.get('http://localhost/getCount.php?event_id='+event_id)
        .subscribe(res=&gt;{
          this.eventUserCount = res.json();
          console.log("User NUM :: ", this.eventUserCount) 
          return this.eventUserCount
        });
  
    }
  </code></pre>
  
  <p>this is the HTML code from where there above function is being called:</p>
  
  <pre><code>&lt;div *ngFor="let event of events"&gt;
  ....    
  &lt;ion-col col-6 center text-center&gt;
      &lt;button  ion-button&gt;
          &lt;div&gt; {{ userCount(event.event_id) }} Users&lt;/div&gt;
      &lt;/button&gt;
  &lt;/ion-col&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>I am getting infinite response from the server(as seen from console.log)
  I want to make separate http request for every list item and show the count for every event , instead of this infinite request and response loop.
  Can anyone help me with this??</p>