From 985fb7b2450d7ef9caf1576c2c594bce4d9119fb Mon Sep 17 00:00:00 2001 From: Suren Konathala Date: Wed, 10 Jun 2020 08:03:21 -0500 Subject: [PATCH] Removed separate module for material includes - angular 9 --- README.md | 3 +- src/app/angular-material.module.ts | 67 ------------------------------ src/app/app-routing.module.ts | 1 - src/app/app.module.ts | 14 ++++++- 4 files changed, 13 insertions(+), 72 deletions(-) delete mode 100644 src/app/angular-material.module.ts diff --git a/README.md b/README.md index 57a2317..eb9fe66 100644 --- a/README.md +++ b/README.md @@ -56,12 +56,11 @@ Material design is one of the most used design systems and Angular team also has `` - `/src/app` - - `/src/app/angular-material.module.ts` includes all Material imports. - `/src/app/app.routing.module.ts` primary routing module for the project. - `/src/app/app.component.html` primary entry html file that has all code for building the website. - `/src/app/app.component.scss` empty. - `/src/app/app.component.ts` primary component, also includes `MatSideNav`. - - `/src/app/app.module.ts` primary module. + - `/src/app/app.module.ts` primary module. Also incudes only required material components. # Build diff --git a/src/app/angular-material.module.ts b/src/app/angular-material.module.ts deleted file mode 100644 index e0aeb0a..0000000 --- a/src/app/angular-material.module.ts +++ /dev/null @@ -1,67 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -import { MatButtonModule } from '@angular/material/button'; -import { MatToolbarModule } from '@angular/material/toolbar'; -import { MatIconModule } from '@angular/material/icon'; -import { MatBadgeModule } from '@angular/material/badge'; -import { MatSidenavModule} from '@angular/material/sidenav'; -import { MatListModule } from '@angular/material/list'; -import { MatGridListModule } from '@angular/material/grid-list'; -import { MatFormFieldModule } from '@angular/material/form-field'; -import { MatInputModule } from '@angular/material/input'; -import { MatSelectModule } from '@angular/material/select'; -import { MatRadioModule } from '@angular/material/radio'; -import { MatDatepickerModule } from '@angular/material/datepicker'; -import { MatChipsModule } from '@angular/material/chips'; -import { MatTooltipModule } from '@angular/material/tooltip'; -import { MatTableModule } from '@angular/material/table'; -import { MatPaginatorModule } from '@angular/material/paginator'; -import { MatCardModule } from '@angular/material/card'; - -@NgModule({ - imports: [ - CommonModule, - MatButtonModule, - MatToolbarModule, - MatIconModule, - MatSidenavModule, - MatBadgeModule, - MatListModule, - MatGridListModule, - MatFormFieldModule, - MatInputModule, - MatSelectModule, - MatRadioModule, - MatDatepickerModule, - MatChipsModule, - MatTooltipModule, - MatTableModule, - MatPaginatorModule, - MatCardModule - ], - exports: [ - MatButtonModule, - MatToolbarModule, - MatIconModule, - MatSidenavModule, - MatBadgeModule, - MatListModule, - MatGridListModule, - MatInputModule, - MatFormFieldModule, - MatSelectModule, - MatRadioModule, - MatDatepickerModule, - MatChipsModule, - MatTooltipModule, - MatTableModule, - MatPaginatorModule, - MatCardModule - ], - providers: [ - MatDatepickerModule, - ] -}) - -export class AngularMaterialModule { } diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 06c7342..d425c6f 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -1,7 +1,6 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; - const routes: Routes = []; @NgModule({ diff --git a/src/app/app.module.ts b/src/app/app.module.ts index ab79f05..c4a5c9d 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -4,7 +4,13 @@ import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { AngularMaterialModule } from './angular-material.module'; + +import { MatToolbarModule } from '@angular/material/toolbar'; +import { MatIconModule } from '@angular/material/icon'; +import { MatSidenavModule} from '@angular/material/sidenav'; +import { MatGridListModule } from '@angular/material/grid-list'; +import { MatListModule } from '@angular/material/list'; + @NgModule({ declarations: [ @@ -14,7 +20,11 @@ import { AngularMaterialModule } from './angular-material.module'; BrowserModule, AppRoutingModule, BrowserAnimationsModule, - AngularMaterialModule, + MatToolbarModule, + MatIconModule, + MatSidenavModule, + MatGridListModule, + MatListModule, ], providers: [], bootstrap: [AppComponent]