how do I make angular md-menu work inside kendo grid columns

[Jeff]

In my angular.js app view I initiate kendo grid with the  directive:

<kendo-grid options="gridConfig" id="grid" class="operationsGrid" flex></kendo-grid>

and in my kendo grid configuration I have a custom command action:

{ command: { name: "comment", click: showComments, template:'<md-menu><md-button aria-label="Open phone interactions menu" class="md-icon-button" ng-click="openMenu($mdMenu, $event)"> <i class="material-icons">comment</i> </md-button> <md-menu-content width="4"> <md-menu-item> <md-button ng-click="redial($event)"> <i class="material-icons">close</i> </md-button> </md-menu-item> <md-menu-item> <md-button disabled="disabled" ng-click="checkVoicemail()"> <i class="material-icons">open</i> </md-button> </md-menu-item> <md-menu-divider></md-menu-divider> <md-menu-item> <md-button ng-click="toggleNotifications()"> <i class="material-icons">comment</i> </md-button> </md-menu-item> </md-menu-content> </md-menu>' }, width: "80px" }

The button with the comment material icon appears, but the click action openMenu($mdMenu,$event) doesn't get called. I don't even get an error. 

 

whats wrong my setup? 

[Svet]

Hi Jeff,

In general, we can nest any custom HTML or third party components inside a kendo-grid-column by using the provided templates. Check the following article, that demonstrates the different types of coulmn templates and their use:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates/ 

I hope this helps. Let me know in case further assistance is required for the built in features of Kendo Ui for Angular.

As the md-menu is not a Kendo Ui for Angular component, I am afraid, that I cannot provide assistance for its use. 

Regards,
Svetlin
Progress Telerik