title: How to get the current *ngFor value on Button click?
body: <p>I've been trying to get the data.login of the data item on which user has clicked the avatar image. The HTML code is below.
  I tried everything i could on the web but couldn't make it work.
  How to get the current data.login to the corresponding .TS file.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;ul *ngFor="let data of uarr" class="list-unstyled" &gt;
      &lt;li&gt;
            &lt;div class="col-sm-6 col-md-3"&gt;
              &lt;div class="thumbnail"&gt;
                &lt;a routerLink="/" &gt;
                  &lt;img class="github-avatar" src="{{data.avatar_url}}" &gt;
                &lt;/a&gt;
                &lt;div class="caption"&gt;
                  &lt;h3 class="text-center"&gt;{{ data.login }}&lt;/h3&gt;
                &lt;/div&gt;
  
              &lt;/div&gt;
            &lt;/div&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>Thank You.</p>