title: how to get span value in angular 4 in onclick event?
body: <p>I'm working on angular 4 and I'm trying to implement functionality where I can remove tag by clicking on the cross button. so below is my code : </p>
  
  <p>Component.hmtl </p>
  
  <pre><code>&lt;ul id="ul_top_hypers"&gt;
        &lt;li *ngFor="let hero of technologies"&gt;
            &lt;span class="badge badge-pill badge-primary"  &gt;{{ hero }}&lt;i class="fa fa-cross-circle-right fa-lg" (click)="removeTag1($event)"&gt;&lt;/i&gt;&lt;/span&gt;
          &lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>Component.ts </p>
  
  <pre><code> removeTag(event: any) {
      console.log(event.target.parentNode.value);
      console.log(event.target.value);
     }
  </code></pre>
  
  <p>I wanted to get span value of every <code>li</code> element by clicking on cross button so that I can remove that perticular tag. But I'm getiing <code>undefind</code> in console.</p>
  
  <p>any help is too appreciable. </p>