Angular 启动,打开手风琴鼠标悬停事件

Angular 启动,打开手风琴鼠标悬停事件,angular,primeng,Angular,Primeng,我有一个Angular 8应用程序,我正在使用Priming 8。在我的一个组件中,我有多个手风琴,我想在鼠标悬停事件中打开手风琴。请参阅此处的文档 任何人都可以帮助如何实现这个鼠标悬停 您可以使用activeIndex属性和JavaScript的onmouseover事件。通过事件,您可以设置公共类的属性,例如索引 内容1 内容1 在类中,需要将索引作为全局属性 @组件({…}) 导出类组件{ 指数=0; } 看看这个 编辑:它实际上与OnPush ChangeDetectionStr

我有一个Angular 8应用程序,我正在使用Priming 8。在我的一个组件中,我有多个手风琴,我想在鼠标悬停事件中打开手风琴。请参阅此处的文档


任何人都可以帮助如何实现这个鼠标悬停

您可以使用
activeIndex
属性和JavaScript的
onmouseover
事件。通过事件,您可以设置公共类的属性,例如索引


内容1
内容1
在类中,需要将索引作为全局属性

@组件({…})
导出类组件{
指数=0;
}
看看这个


编辑:它实际上与OnPush ChangeDetectionStrategy一起工作。

很抱歉在控制台中遇到此错误
TypeError:this.\u activeIndex.includes不是一个函数。
。请参阅更新的答案。我已经创建了一个功能性的stackblitz。还有,有没有办法激活手风琴的[mutliple]属性?不客气!是的,它也应该与
activeIndex
一起使用。在文档中,它被称为“活动选项卡的索引或以编程方式更改所选选项卡的索引数组”。我将尝试创建一个以索引为参数的函数。切换公共
索引
一个
索引
数组,并在函数中检查该值是否存在。如果是,将其删除;如果不是,则添加。