在angular中如何操作当前点击的元素

前言：在做功能的时候想通过点击当前的按钮，控制当前的元素样式，我是通过原生的js来控制的

想做的想过很简单点击元素的时候让自己的背景变颜色，其他背景都恢复白色

html：

<div class="add-trclass" id="itemList">

<p *ngFor="let item of optionList; let idx = index" (click)="editItem(item,idx)" ><span>{{idx+(1)}}</span><span>{{item.optionCount}}</span></p>

</div>

 

ts:

editItem(optiondata, index) {

var siblingss = []; //用来存放其他的兄弟节点

var element = document.getElementById("itemList");

var name = element.getElementsByTagName("p");

for (let i = 0; i < name.length; i++){

name[i].style.background = "#fff";

}

event.target.parentNode.style.background = "#E6F7FF";

this.selectedOption = optiondata;

 

}