onclickイベントで角度4のスパン値を取得する方法は？

Question

私はアングル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> 

私は削除できるように十字ボタンをクリックすることで、すべてのli要素のスパン値を取得したいComponent.ts

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

そのperticularタグ。しかし、私はコンソールでundefindをゲットしています。

いずれかのヘルプはあまりにもありがちです。

Answer 1

私はちょうど、インデックスが利用可能になると
(click)="removeTag1(i)"がremoveTag(...)メソッドにインデックスを渡し;let i=indexを追加することで、インデックス

<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> 

を使用すると思います。値を渡す場合は、配列を削除する前に配列の値を見つける必要があります。インデックスを渡すと、削除する配列項目がすぐにわかります。