Not loading Context Menu items

Hi Neo, 

Thanks for contacting Syncfusion support. 

We have validated your query and found that you want to dynamically change the contextMenu items. We have prepared a sample based on your requirement. Please find the below code snippet and sample for your reference. 

App.component.html  <div class="control-section">      <ejs-grid [dataSource]='data' #grid id="gridcomp" allowPaging='true' allowExcelExport='true' allowPdfExport='true' allowSorting='true' (contextMenuOpen)='ContextMenuOpen($event)'          [contextMenuItems]="contextMenuItems" [editSettings]='editing'>   . . .      </ejs-grid>  </div>  App.component.ts      ngOnInit(): void {          this.data = orderDetails;          this.contextMenuItems = [            { id: 'approveAll', text: 'Approve All', target: '.e-content'},        { id: 'viewReport', text: 'View Report', target: '.e-content' },         { id: 'approve', text: 'Approve', target: '.e-content'  },        { id: 'delete', text: 'Delete', target: '.e-content'}      ];          this.editing = { allowDeleting: true, allowEditing: true };      }      ContextMenuOpen (args) {     let data: any = this.grid.getSelectedRecords()[0];     if (data.OrderID %2 == 0) {  this.grid.contextMenuModule.contextMenu.showItems(['Approve All','View Report']);   //dynamically showing the items based on condition     }     else {  this.grid.contextMenuModule.contextMenu.hideItems(['Approve All','View Report']); //dynamically hiding the items based on condition     }          }  }

Documentation: https://ej2.syncfusion.com/angular/documentation/api/context-menu/#showitems 

                             https://ej2.syncfusion.com/angular/documentation/api/context-menu/#hideitems 

Sample: https://stackblitz.com/edit/angular-145265-context-menu?file=app.component.html 

Please get back to us, if you need further assistance. 

Regards, 

Thavasianand S.