angular - PrimeNG 菜单项命令绑定(bind)到基类函数

Question

我正在尝试将基类函数绑定(bind)到我的 Angular 2 PrimeNG 菜单项。

HTML

<p-menu #menu popup="popup" [model]="exportItems"></p-menu>
<button type="button" class="fa fa-download" title="Export As" (click)="menu.toggle($event)"></button>

typescript

exportItems: MenuItem[];

//Inside NgOnInit
this.exportItems = [
{ label: 'SVG', command: super.ExportSVG },
{ label: 'PNG', command: super.ExportPNG }];

//Error here 
//Cannot read property 'canvasID' of undefined
ExportSvg(): void
{
    var canvas = document.getElementById(this.canvasID) as HTMLCanvasElement;
    .....

}

我认为绑定(bind)到命令时无法解析基类函数。任何线索如何解决这个问题？

Answer 1

好吧，我通过以下命令绑定(bind)解决了这个问题。

this.exportItems = [
{ label: 'SVG', command: (onclick)=> {super.ExportSVG()} },
{ label: 'PNG', command: (onclick)=> {super.ExportPNG()} }];

似乎在绑定(bind)菜单项的 onClick 事件时它工作正常。