Я использую ngx-bootstrap popover . Я хочу, чтобы поповер открывался при наведении, а все открытые должны быть закрыты, если открывается новый.
рабочий пример
В соответствии с требованием, которое я хочу выше, образец должен управляться родительским компонентом, а целевой элемент popover находится в дочернем компоненте. Мне нужно это для требования модульности
Демонстрация ngFor в дочернем компоненте html это неверная демонстрация
Обновленная демоверсия ngFor в родительском компоненте html
родительский компонент
export class DemoPopoverFourDirectionsComponent implements
AfterViewInit{
@ViewChildren(PopoverDirective) popovers: QueryList<PopoverDirective>;
ngAfterViewInit() {
this.popovers.forEach((popover: PopoverDirective) => {
popover.onShown.subscribe(() => {
this.popovers
.filter(p => p !== popover)
.forEach(p => p.hide());
});
});
}
varArr=[1,2,3,4]
}
В поповере есть кнопки, которые нужно нажимать. Если я использую триггеры = "mouseenter: mouseleave", я не могу нажимать кнопки внутри всплывающего окна