title: PrimeNG menu item command binding to base class function
body: <p>I'm trying to bind a base class function to my Angular 2 PrimeNG menu items.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;p-menu #menu popup="popup" [model]="exportItems"&gt;&lt;/p-menu&gt;
  &lt;button type="button" class="fa fa-download" title="Export As" (click)="menu.toggle($event)"&gt;&lt;/button&gt;
  </code></pre>
  
  <p><strong>Typescript</strong></p>
  
  <pre><code>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;
      .....
  
  }
  </code></pre>
  
  <p>I think the base class function cannot be resolved while binding to a command. Any clues how to fix this?</p>