Меню

import { MenuModule } from 'primeng/menu';

import { Component, OnInit } from '@angular/core';
import { MenuItem } from 'primeng/api';
import { MessageService } from 'primeng/api';
 
@Component({
  selector: 'app-prime-menu',
  templateUrl: './prime-menu.component.html',
  styleUrls: ['./prime-menu.component.scss'],
  providers: [MessageService]
})
export class PrimeMenuComponent implements OnInit {
 
  items: MenuItem[] = [];
 
  constructor(private messageService: MessageService) { }
 
  ngOnInit(): void {
    this.items = [{
      label: 'Options',
      items: [{
        label: 'Update',
        icon: 'pi pi-refresh',
        command: () => {
          this.update();
        }
      },
      {
        label: 'Delete',
        icon: 'pi pi-times',
        command: () => {
          this.delete();
        }
      }
      ]
    },
    {
      label: 'Navigate',
      items: [{
        label: 'Angular',
        icon: 'pi pi-external-link',
        url: 'http://angular.io'
      },
      {
        label: 'Router',
        icon: 'pi pi-upload',
        routerLink: '/fileupload'
      }
      ]
    }
    ];
  }
 
  update() {
    this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
  }
 
  delete() {
    this.messageService.add({ severity: 'warn', summary: 'Delete', detail: 'Data Deleted' });
  }
}