Angular 4:单击其中的菜单后，Mega 菜单不会关闭 [英] Angular 4 : Mega menu is not closed after clicked on a menu inside it

问题描述

我在一个 angular 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

谁能帮我修一下.

推荐答案

This Works

This Works

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:单击其中的菜单后，Mega 菜单不会关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！