Importacion de todos los modulos de Material

Para instalar angular material:

npm install --save @angular/material @angular/cdk
ng add @angular/material

Para no tener que importar todos los modulos material en cada pagina que se utilicen, se puede crear un modulo que tenga todas las definiciones y luego importar solamente ese:

1. Crear un archivo llamado material.module.ts y agregarle esto:

import { NgModule } from '@angular/core';

import { CommonModule } from '@angular/common';

import {MatCheckboxModule} from '@angular/material/checkbox';

import {MatButtonModule} from '@angular/material/button';

import {MatInputModule} from '@angular/material/input';

import {MatAutocompleteModule} from '@angular/material/autocomplete';

import {MatDatepickerModule} from '@angular/material/datepicker';

import {MatFormFieldModule} from '@angular/material/form-field';

import {MatNativeDateModule, MAT_DATE_LOCALE} from '@angular/material/core';

import {MatRadioModule} from '@angular/material/radio';

import {MatSelectModule} from '@angular/material/select';

import {MatSliderModule} from '@angular/material/slider';

import {MatSlideToggleModule} from '@angular/material/slide-toggle';

import {MatMenuModule} from '@angular/material/menu';

import {MatSidenavModule} from '@angular/material/sidenav';

import {MatToolbarModule} from '@angular/material/toolbar';

import {MatListModule} from '@angular/material/list';

import {MatGridListModule} from '@angular/material/grid-list';

import {MatCardModule} from '@angular/material/card';

import {MatStepperModule} from '@angular/material/stepper';

import {MatTabsModule} from '@angular/material/tabs';

import {MatExpansionModule} from '@angular/material/expansion';

import {MatButtonToggleModule} from '@angular/material/button-toggle';

import {MatChipsModule} from '@angular/material/chips';

import {MatIconModule} from '@angular/material/icon';

import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';

import {MatProgressBarModule} from '@angular/material/progress-bar';

import {MatDialogModule} from '@angular/material/dialog';

import {MatTooltipModule} from '@angular/material/tooltip';

import {MatSnackBarModule} from '@angular/material/snack-bar';

import {MatTableModule} from '@angular/material/table';

import {MatSortModule} from '@angular/material/sort';

import {MatPaginatorModule} from '@angular/material/paginator';

@NgModule({

  declarations: [],

  imports: [

    CommonModule,

    MatCheckboxModule,

    MatCheckboxModule,

    MatButtonModule,

    MatInputModule,

    MatAutocompleteModule,

    MatDatepickerModule,

    MatNativeDateModule,

    MatFormFieldModule,

    MatRadioModule,

    MatSelectModule,

    MatSliderModule,

    MatSlideToggleModule,

    MatMenuModule,

    MatSidenavModule,

    MatToolbarModule,

    MatListModule,

    MatGridListModule,

    MatCardModule,

    MatStepperModule,

    MatTabsModule,

    MatExpansionModule,

    MatButtonToggleModule,

    MatChipsModule,

    MatIconModule,

    MatProgressSpinnerModule,

    MatProgressBarModule,

    MatDialogModule,

    MatTooltipModule,

    MatSnackBarModule,

    MatTableModule,

    MatSortModule,

    MatPaginatorModule

  ],

  exports: [

    MatCheckboxModule,

    MatCheckboxModule,

    MatButtonModule,

    MatInputModule,

    MatAutocompleteModule,

    MatDatepickerModule,

    MatNativeDateModule,

    MatFormFieldModule,

    MatRadioModule,

    MatSelectModule,

    MatSliderModule,

    MatSlideToggleModule,

    MatMenuModule,

    MatSidenavModule,

    MatToolbarModule,

    MatListModule,

    MatGridListModule,

    MatCardModule,

    MatStepperModule,

    MatTabsModule,

    MatExpansionModule,

    MatButtonToggleModule,

    MatChipsModule,

    MatIconModule,

    MatProgressSpinnerModule,

    MatProgressBarModule,

    MatDialogModule,

    MatTooltipModule,

    MatSnackBarModule,

    MatTableModule,

    MatSortModule,

    MatPaginatorModule

  ],

  providers: [

    {provide: MAT_DATE_LOCALE, useValue: 'es-ES'},

  ],

})

export class MaterialModule { }

2. Para la pagina en la que se quiere utilizar material, en el archivo module (ej, home.module.ts) agregar:

import { MaterialModule } from '../_material/material.module';

y en imports:

MaterialModule

3. En home.page.html, agregar algo para testearlo:

<ion-content padding>

    <div style="text-align: center;">

        <mat-button-toggle-group name="fontStyle" aria-label="Font Style" class="example-full-width">

          <mat-button-toggle color="primary" value="opcion1">Opcion1</mat-button-toggle>

          <mat-button-toggle color="primary" value="opcion2">Opcion2</mat-button-toggle>    

        </mat-button-toggle-group>        

    </div>

    

    <div style="text-align: center;">

      <mat-form-field class="example-full-width">

        <input matInput placeholder="Nombre y apellido">

      </mat-form-field>  

    </div>

  

    <div style="text-align: center;">

      <mat-form-field class="example-full-width">

        <input matInput placeholder="Email">

      </mat-form-field>  

    </div>    

</ion-content>