Angular 启动面板菜单单击事件

`

这是我的面板菜单的图片。

---

单击每一章，我需要为每一章显示一个不同的面板。我如何为每一章提供事件。有人能帮我吗。

使用如下菜单项绑定函数

此项。项目=[ { 标签：“项目1”， 命令：（事件）=>{this.clickItem1（）；} }]

创建先前提供的函数

单击项目1（）{ console.log（'clicked'）； }

---

使用如下菜单项绑定函数

此项。项目=[ { 标签：“项目1”， 命令：（事件）=>{this.clickItem1（）；} }]

创建先前提供的函数

单击项目1（）{ console.log（'clicked'）； }

---

使用[ngStyle]而不是[style]您所说的“为每个不同的章节显示不同的面板”是什么意思？不明白你的意思。如果你能看到我命名为第1章，第2章的图片，就像那样。不同的面板在涂底漆时意味着有面板。所以每一章我需要显示一个不同的面板。你的问题不清楚，p-dialog里面是什么？为什么p-dialog没有结束标记？单击此方法语法不正确（事件=1），单击了正确语法（事件）。这个缺陷似乎与您的问题有关，我需要一个点击事件，因此在点击不同章节时（如图所示），我需要显示不同的段落[ngStyle]而不是[style]您所说的“为每个不同章节显示不同的面板”是什么意思？不明白你的意思。如果你能看到我命名为第1章，第2章的图片，就像那样。不同的面板在涂底漆时意味着有面板。所以每一章我需要显示一个不同的面板。你的问题不清楚，p-dialog里面是什么？为什么p-dialog没有结束标记？单击此方法语法不正确（事件=1），单击了正确语法（事件）。这个缺陷似乎与你的问题有关，我需要一个点击事件，所以在点击不同章节时（如图所示），我需要显示不同的段落

<p-panelMenu [model]="items" [style]="{'width':'300px'}" (click)="clicked($event)"></p-panelMenu>`<p-dialog header="Title" [(visible)]="display">
page 1

display: boolean = false;

constructor() {

 }

 items: MenuItem[];

     ngOnInit() {
         this.items = [
             {
                 label: 'Chapter 1',
                 icon: 'fa-file-o',
                 items: [{
                         label: 'Chapter1.1', 
                         icon: 'fa-plus',
                         items: [
                             {label: 'Chapter1.1.1'},
                             {label: 'Chapter1.1.2'},
                         ]
                     },
                     {label: 'Chapter1.2'},
                     {label: 'Chapter1.3'}
                 ]
             },
             {
                 label: 'Chapter 2',
                 icon: 'fa-edit',
                 items: [
                     {label: 'Chapter 2.1', icon: 'fa-mail-forward'},
                     {label: 'Chapter 2.2', icon: 'fa-mail-reply'}
                 ]
             }


         ];
     }
     clicked(event=1) {
         console.log("event",event)

            this.display=true;


    }
}