title: context menu not working in my ag-grid
body: <p>My goal is show context menu when right click into cell.</p>
  
  <p>But my code does not response to right click.
  I could not find where I did mistake.</p>
  
  <p>Below is my code. 
  I wrote the log "console.log("getContentMenuItems()");"  but this log was not printed.</p>
  
  <p>my-grid-application.component.ts</p>
  
  <pre><code>export class MyGridApplicationComponent implements OnInit, OnDestroy {
    gridOptions: GridOptions;
    private subscription: Subscription;
    private isPubPark: boolean = false; 
    private getContextMenuItems;
  
    constructor(private commCodeGridOptionService: CommCodeGridOptionService, private commonService: CommonService) { 
      console.log("MyGridApplicationComponent: Constructor()");
  
      let params = new URLSearchParams(window.location.search.substring(1)); 
      this.isPubPark = (params.get('isPubPark') == 'true');
      console.log("params:" + params + ", " + params.get('isPubPark') + ", isPubPark: " + this.isPubPark);
  
      this.commCodeGridOptionService.setTarget(this.isPubPark);
      this.commCodeGridOptionService.fetchColumnDefs();
      this.commCodeGridOptionService.getColumnDefMessage().subscribe(message =&gt; {
        console.log("MyGridApplicationComponent:getColumnDefMessage()");
        this.gridOptions.columnDefs = this.commCodeGridOptionService.gridOptions.columnDefs;
        this.gridOptions.api.setColumnDefs(this.gridOptions.columnDefs);      
      });
  
      this.commCodeGridOptionService.getRowDataMessage().subscribe(message =&gt; { 
        console.log("MyGridApplicationComponent getRowDataMessage().subscribe()");
  
        this.gridOptions.rowData = this.commCodeGridOptionService.commcodeSitesList;
  
        //The gridOptions api will be set and ready to use once the grid's gridReady event has been called.
        this.gridOptions.api.setRowData(this.gridOptions.rowData);
      });
  
      this.getContextMenuItems = function getContextMenuItems(params) {
        console.log("getContentMenuItems()");
        var result = [
          {
            name: "Always Disabled",
            disabled: true,
            tooltip: "Very long tooltip, did I mention that I am very long, well I am! Long!  Very Long!"
          },
          "separator",
          "copy"
        ];
        return result;
      };
    }
  
    ngOnInit() {
      console.log("MyGridApplicationComponent: ngOnInit()");
      this.gridOptions = {};
  
      this.subscription = this.commonService.notifyObservable$.subscribe((res) =&gt; {
        console.log(res);
        if (res.hasOwnProperty('option') &amp;&amp; res.option === 'onCommCodeSelected') {
          this.changeCommCodeFilter(res.value);
        }
      });
    }
  
    //set filter to commcode when click commCodeDesc component
    public changeCommCodeFilter(commcode: string) {
      console.log("changeCommCodeFilter() ", commcode);
  
      let ageFilterComponent = this.gridOptions.api.getFilterInstance('commCode');
      ageFilterComponent.setModel({
          type: 'equals',
          filter: commcode,
          filterTo: null
      });
      this.gridOptions.api.onFilterChanged();
      window.scrollTo(0,0);
    }
  
    ngOnDestroy() {
      this.subscription.unsubscribe();
    }
  }
  </code></pre>
  
  <p>my-grid-application.component.html</p>
  
  <pre><code>&lt;h3&gt;&lt;a href='/?isPubPark={{!isPubPark}}'&gt;&lt;/a&gt;&lt;/h3&gt;
  &lt;app-comm-code-selectbox&gt;&lt;/app-comm-code-selectbox&gt;
  &lt;div style="width: 100%; height:700px"&gt;
    &lt;ag-grid-angular #agGrid 
        style="width:100%;height:100%;" 
        class="ag-fresh" 
        [gridOptions]="gridOptions"
        [enableRangeSelection]="true"
        [allowContextMenuWithControlKey]="true"
        [getContextMenuItems]="getContextMenuItems"
        rowHeight=100
        enableSort 
        enableFilter
        enableColResize&gt;
    &lt;/ag-grid-angular&gt;
  &lt;/div&gt;  
  </code></pre>