Angular Primeng 菜单栏访问方法问题答案

【问题标题】：Angular Primeng Menubar Access To Method ProblemAngular Primeng 菜单栏访问方法问题
【发布时间】：2021-10-11 23:11:28
【问题描述】：

我正在尝试在菜单 onclick 事件上调用一个方法，如下所示，但它给出了错误。

组件.ts

    loadWorkSpace(WorkSpaceName: string, QNameSpaceId: number, QEnvironemntId: number, QWorkSpaceId: number) {
this._qWorkSpaceFilterServiceProxy
                    .getAll(QWorkSpaceId, null, 0, 1000)
                    .subscribe((result) => {
                        filterItemList = _map(result.items, function (qWSFilter) {
                            return {
                                label: qWSFilter.qWorkSpaceFilter.workspaceFilterName, command: (event: Event) => this.consoleMsg()
                            };
                        });

                        this.items = [
                            {
                                label: 'Applications',
                                items: itemList
                            },
                            {
                                label: 'Filters',
                                items: filterItemList
                            }
                        ];
                    });}

    consoleMsg() {
        console.log("test");
    }

错误： Console error message

对不起，我的英语不好。

【问题讨论】：

这个错误告诉我们你的consoleMsg函数将无法被识别。问题不在于您粘贴在此处的代码 sn-p。
跟随consoleMsg函数查看其导入/导出语句。通过我在这里提到的这几个步骤，您的问题可以轻松解决。

标签： angular frontend angular8 primeng menubar

【解决方案1】：

这是因为consoleMsg()在函数内部调用时不存在，只是因为consoleMsg()是在函数调用之后描述的。您可以尝试先描述 consoleMsg()，然后再描述更大的函数。

【讨论】：

我试过你说的，但很抱歉没有用。谢谢你的回答。

【解决方案2】：

由于我使用了“_map”方法，我无法访问“this”令牌。

以这种方式修复它：

filterItemList = result.items.map((qWSFilter) => {
                            return {
                                label: qWSFilter.qWorkSpaceFilter.workspaceFilterName, command: (event) => { this.consoleMsg() }
                            };
                        });

【讨论】：