ngx-right-click-menu is right click context menu for Angular 2+.
DEMO https://example.com/
"@angular/common": "^7.0.0"
@angular/core": "^7.0.0
"@angular/material": "^7.3.0"
npm i -s ngx-right-click-menu
import NgxRightClickMenuModule
import { NgxRightClickMenuModule } from 'ngx-right-click-menu'
@NgModule({
//...
imports: [
...
NgxRightClickMenuModule,
...
]
//...
})
<div [ngxContextMenu]="menu" class="item">
Right click here!
</div>
export class AppComponent {
public menu = {
title: 'Simple Menu',
items: [
{
label: 'Menu 1',
action: this.menuAction,
},
{
label: 'Menu 2',
disable: true,
icon: 'home',
action: this.menuAction,
},
],
}
public menuAction() {
console.log('menu clicked!');
}
}
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Note If you have good suggetions or issues, please leave a comments here:
ISSUES https://github.com/chpinan1128/ng-right-click-menu/issues