title: angular2/ionic2 how to use *ngFor parameter in a function call
body: <p>I'll preface this by saying that this by saying that I'm new to SO and to Angular2.</p>
  
  <p>I'm trying to use my *ngFor loop as a parameter to pass with navCtrl.push() down the line. The goal would be to have something like Facebook Messenger, where you click the chat group that you want to access and a version of the page appears with content (messages) associated to chat group you clicked. Here is what I thought would work. The problem is in pushing/receiving the 'event' variable. I'm doing some text references in the ngFor loop as well, but I cut that out. </p>
  
  <pre><code>  &lt;div *ngFor='let event of dataProvider.data.invitedEvents'&gt; 
      &lt;button (click)='this.navCtrl.push(groupVotePage, event)' ion-item&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>However, when I try to access event in the groupVotePage with this.navParams.get('event') (with the navParams in the constructor), I get null. I'm wondering if there is any way to pass this, or if I am even going about it the right way. I know there's some backend stuff that I would need to confirm is correct, if you could let me know what that is, then that would be great too.</p>
  
  <p>Thanks!</p>