Javascript 单击（单击）时更改最近的图标

我有一个列表，在左边显示一个插入符号图标，当它被点击时应该会改变图标。每当我点击一个图标，所有图标都会改变

detailedInfo=[]；
下属信息；
OpenInfo（一、摘要）{
this.info=摘要；
如果（此.detailedInfo[i]）{
this.detailedInfo[i]=false；
$（“.caret i”）.toggleClass（“zmdi插入符号向下zmdi插入符号向右”）；
}否则{
this.detailedInfo[i]=true；
$（“.caret i”）.toggleClass（“zmdi插入符号右zmdi插入符号下”）；
}
}

在应用程序中避免使用jQuery。几乎总是会有一个解决方案使用角度

在这种情况下，您可以使用

ngClass

直接在HTML中更改图标

这将根据给定的条件有条件地应用类

然后您的

opensubsiderinfo

函数将如下所示

opensubsiderinfo（一、摘要）{
this.info=摘要；
this.detailedInfo[i]=！this.detailedInfo[i]；
//在此添加其他逻辑
}

在应用程序中避免使用jQuery。几乎总是会有一个解决方案使用角度

在这种情况下，您可以使用

ngClass

直接在HTML中更改图标

这将根据给定的条件有条件地应用类

然后您的

opensubsiderinfo

函数将如下所示

opensubsiderinfo（一、摘要）{
this.info=摘要；
this.detailedInfo[i]=！this.detailedInfo[i]；
//在此添加其他逻辑
}