如何在onclick事件中获得角度4中的跨度值？

Question

我正在研究angular 4，并试图通过单击十字按钮来移除标记的功能。所以下面是我的代码：

Component.hmtl

<ul id="ul_top_hypers"> 
     <li *ngFor="let hero of technologies"> 
      <span class="badge badge-pill badge-primary" >{{ hero }}<i class="fa fa-cross-circle-right fa-lg" (click)="removeTag1($event)"></i></span> 
     </li> 
</ul> 

Component.ts

removeTag(event: any) { 
    console.log(event.target.parentNode.value); 
    console.log(event.target.value); 
    } 

我想通过点击十字按钮，这样我可以删除让每一个li元素的跨度值那个微小的标签。但我在控制台中创建了undefind。

任何帮助太明显。

Answer 1

我刚刚加入;let i=index指数变为可用，
(click)="removeTag1(i)"通过索引到removeTag(...)方法使用索引

<ul id="ul_top_hypers"> 
     <li *ngFor="let hero of technologies;let i=index"> 
      <span class="badge badge-pill badge-primary" >{{ hero }}<i class="fa fa-cross-circle-right fa-lg" (click)="removeTag1(i)"></i></span> 
     </li> 
</ul> 

。如果你传递了这个值，你首先需要在数组中找到它的值，然后才能删除它，如果你传递了索引，你就会立即知道要删除的数组项。