Send *ngFor value as parameter on click
<p>I'm making a little application in Angular 2, I'm displaying a table with some data, I wanna get that data when I make a click on my table</p>

<p>Here's the code:</p>

<p>HTML template:</p>

<pre><code>&lt;tr *ngFor="let users of usersdata; let i = index"&gt;
     &lt;td (click)="data(users.username)"&gt;{{users.username}}&lt;/td&gt;
     &lt;td (click)="data(users.email)"&gt;{{users.email}}&lt;/td&gt;
     &lt;td (click)="data(users.id)"&gt;{{users.id}}&lt;/td&gt;
     &lt;td (click)="data(users.roleId)"&gt;{{users.roleId}}&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>This is my component:</p>

<pre><code>data(data: string) {
    this.selectedParam.emit(data);
    console.log(data);
}
</code></pre>

<p>When i make click i get this error:</p>

<pre><code>EXCEPTION: Error in .../userslist.component.html:22:16 caused by: self.parent._el_24 is not a function
</code></pre>