Question

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

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

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

谁能帮我修复它。

Answer 1

您的应用程序包含错误（有关详细信息，请检查Inspector工具控制台）。尝试在app.component.js中添加以下函数实现，代码可以正常工作。 https://angular-bootstrap-carousel-dynamic2-imxxrv.stackblitz.io

getStoreData() {
    // do something
  }
  categoryClick () {
    alert('Inside category');
  }
  groupClick() {
    alert('Inside Group');
  }

  subGroupClick() {
    alert('Inside Sub Group');
  }

Answer 2

这有效

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：单击超级菜单后，内部菜单未关闭

2 个答案: