Merge pull request #1 from ksurendra/remove-material-module

Removed separate module for material includes - angular 9
ksurendra · Jun 10, 2020 · 01bcacd · 01bcacd
2 parents 7abde01 + 985fb7b
commit 01bcacd
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 72 deletions.
diff --git 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
 
       `<body class="mat-typography">`
 - `<project-root>/src/app`
-   - `<project-root>/src/app/angular-material.module.ts` includes all Material imports.
    - `<project-root>/src/app/app.routing.module.ts` primary routing module for the project. 
    - `<project-root>/src/app/app.component.html` primary entry html file that has all code for building the website.
    - `<project-root>/src/app/app.component.scss` empty.
    - `<project-root>/src/app/app.component.ts` primary component, also includes `MatSideNav`.
-   - `<project-root>/src/app/app.module.ts` primary module.
+   - `<project-root>/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
diff --git 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
@@ -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]