ngx-material-panel-select

Angular material panel select component

Installation

npm install --save @petkit/ngx-material-panel-select

Usage

Import Module

import {
  MatPanelSelectModule,
} from '@petkit/ngx-material-panel-select';

@NgModule({
  imports: [
    MatPanelSelectModule,
  ],
}

Simple

<button mat-raised-button color="primary" [matMenuTriggerFor]="panelSelect.menu">panel select</button>

<ngx-mat-panel-select #panelSelect [data]="data"></ngx-mat-panel-select>

import {
  Component,
  OnInit,
} from '@angular/core';
import {
  IMatPanelSelectData,
} from '@petkit/ngx-material-panel-select';
import Mock from 'mockjs';

@Component({
  selector: 'ngx-mat-panel-select-simple',
  templateUrl: './mat-panel-select-simple.component.html',
  styleUrls: ['./mat-panel-select-simple.component.scss'],
})
export class MatPanelSelectSimpleComponent implements OnInit {
  data: IMatPanelSelectData[] = Mock.mock({
    'data|2-5': [{
      title: '@ctitle(2, 3)',
      'children|10-30': [{
        text: '@cword(2, 7)'
      }]
    }]
  }).data;

  constructor(
  ) { }

  ngOnInit() {
  }
}

License

MIT