Angular 4:单击超级菜单后，内部菜单未关闭 [英] Angular 4 : Mega menu is not closed after clicked on a menu inside it

问题描述

我在一个有角度的4项目中工作，在这个项目中，我有一个大型菜单.我想要做的是当我单击大型菜单内的一个菜单时要关闭它.

I am working in an angular 4 project ,In this I have a mega menu .What I want to do is when I clicked on a menu inside the mega menu I want to close it .

就我而言，即使单击特定菜单，它也始终打开，但是如果我将鼠标焦点移到其中，则它始终关闭.

In my case it always open even after I clicked on a specific menu ,but closed if I remove the mouse focus in it .

Stackblitz: https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-w1qhj4?file=app/app.component.html

Stackblitz : https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-w1qhj4?file=app/app.component.html

谁能帮我修复它.

推荐答案

有效

ngOnInit() {
    this.CartdataService.get_New_Products().subscribe(
      data => {
        this.storeData = data;
          console.log(this.storeData);        
      });
  }

  categoryClick(event:Event, data,data2){
    alert(data2)
  }

  groupClick(event:Event, data,data2,data3, data4){
    //event.stopPropagation();
    //event.preventDefault();
  }

  subGroupClick(event:Event, data,data2,data3, data4, data5, data6){
    //event.stopPropagation();
    //event.preventDefault();
  }
}

这篇关于Angular 4:单击超级菜单后，内部菜单未关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！