Angular 7-如何在组件中查找元素的属性值

Question

我有一个组件，并且在组件的html中具有以下元素，点击时需要该元素的ID。示例：单击ID为“ l1”的元素>>

时，我应该在onclick中收到l1。

<div class="col-md-6 col-xl-6 col-sm-6">
    <ul>
      <li id = "l1">name1</li>
      <li id = "l2">name2</li>
      <li id = "l3">name3</li>
      <li id = "l4">name4</li>
    </ul>
</div>
我正在尝试使用类中的@Viewchild读取onClick事件中的每个元素的ID

元素，但console.log（）;中没有值；

 @ViewChild('li', {read: ViewContainerRef}) showAllData;

 @HostListener("click") onClick(){
      console.log( $(this.showAllData.nativeElement).attr('id'));
 }

我有一个组件，并且在组件的html中具有以下元素，点击时需要该元素的ID。示例：在单击ID为“ l1”的元素时，我应该在onclick中收到l1。 ＆...

Answer 1

尝试这样。每次用户单击li标记时，以下代码将在控制台中记录li标记的ID。希望这是您想要的。