File

src/app/shared/material.module.ts

import { NgModule } from '@angular/core';
import {
    MatSidenavModule,
    MatToolbarModule,
    MatCardModule,
    MatIconRegistry,
    MatButtonModule,
    MatIconModule,
    MatMenuModule,
    MatStepperModule,
    MatInputModule,
    MatSnackBarModule,
    MatProgressSpinnerModule,
    MatTooltipModule,
    MatDialogModule,
    MatGridListModule,
    MatSelectModule,
    MatExpansionModule,
    MatTableModule
} from '@angular/material';
import { DomSanitizer } from '@angular/platform-browser';

const materialModules: any[] = [
    MatSidenavModule,
    MatToolbarModule,
    MatCardModule,
    MatButtonModule,
    MatIconModule,
    MatMenuModule,
    MatStepperModule,
    MatInputModule,
    MatSnackBarModule,
    MatProgressSpinnerModule,
    MatTooltipModule,
    MatDialogModule,
    MatGridListModule,
    MatSelectModule,
    MatExpansionModule,
    MatTableModule
];

@NgModule({
    imports: materialModules,
    exports: materialModules
})
export class MaterialModule {

    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) {
        matIconRegistry.addSvgIcon(
            'more_vert', domSanitizer.bypassSecurityTrustResourceUrl('./assets/images/ic_more_vert_24px.svg')
        );
        matIconRegistry.addSvgIcon(
            'code', domSanitizer.bypassSecurityTrustResourceUrl('./assets/images/ic_code_24px.svg')
        );
    }

}

result-matching ""

    No results matching ""