typescript - Angular 4: เมกาเมนูไม่ปิดหลังจากคลิกที่เมนูภายใน

ฉันกำลังทำงานในโปรเจค Angular 4 ในโปรเจคนี้ฉันมีเมกาเมนู สิ่งที่ฉันต้องการทำคือเมื่อฉันคลิกที่เมนูภายในเมกาเมนู ฉันต้องการให้มันปิด

ในกรณีของฉันมันมักจะเปิดอยู่เสมอแม้ว่าฉันจะคลิกที่เมนูเฉพาะ แต่จะปิดหากฉันเอาโฟกัสของเมาส์ออกจากมัน

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

มีใครช่วยฉันแก้มันได้ไหม

คำตอบ #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');
  }

คำตอบ #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();
  }
}