如何在单击锚标记的角度2中获取特定父元素的类？

Question

我在我的HTML文件中使用这样的内容：

       <div class="component" >
           <div class="component-header"  >
              <a href="javascript:" (click)="onClick($event)" >
                <i class="fa fa-chevron-right"></i>
                <i class="fa fa-chevron-left"></i>
              </a>
           </div>
      </div>

在我的JS文件中将类命名为：

onClick(event) {
    var target = event.target;
    var pElement = target.parentElement.parentElement;
    var pclassAttr = pElement.attributes.class;
    console.log(pclassAttr);
  }

实际上有一段时间它认为我点击锚点和控制台类是＆＃34;组件＆＃34;有时候它会认为我点击了＆＃34; fa fa-chevron-right＆＃34;和控制台类＆＃34;组件标题＆＃34;。

我需要总是把控制台作为＆＃34;组件＆＃34;点击锚点时。

有任何问题请建议。

Answer 1

只需使用currentTarget代替target。它永远是你的锚元素，因为

  

currentTarget 始终引用该事件的元素   处理程序已被附加：

onClick(event) {
  var target = event.currentTarget;

  var pElement = target.parentElement.parentElement;
  var pclassAttr = pElement.attributes.class;
  console.log(pclassAttr);
}

另见

• https://developer.mozilla.org/en/docs/Web/API/Event/currentTarget