Custom Context menu In Angular | Create Context menu In Angular | Angular Tutorial

This video focus on how we can create custom context menu using CSS and html in angular.
You can use it on table for action items like edit , view, delete and many more.
Angular Context Menu
how to create custom context menu

Learn From me

To Connect with me & get Notification of Live Session Join

Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement

Follow & Connect me on LinkedIn

#angular
#angular17
#angular18

[kushalnanavati]

What about the mouse event? Because event.which detects only keyboard event, then what if someone clicks on the row and the context menu should appear?

[codegeek]

Hello Sir. Is the code for this system available on github? May we please get the link.

[gvancamaisuradze]

I can't catch the element by id using this method :(
on every click (where the element id should be 1 for example) it's always 10 .
i deleted this properties and now it's working but on table it looks ugly
'left.px' : $event.layerX,
'top.px' : $event.layerY,
how can i fix this ?

[simonsambolec]

In case there is somebody out there that followed this tutorial and the context menu was in the wrong position,
try using $event.layerX and $event.layerY instead of clientX, clientY