Angular 11 CURD Application Using Web API With Material Design


Step 7


Now, we have to install an Angular Material theme So, open the package manager console and write the following code.

npm install --save @angular/material @angular/cdk @angular/animations  

You can check the package.json file in the Angular project to verify the Material theme is installed or not.

package.json

{  
 "name": "angular-crud",  
 "version": "0.0.0",  
 "scripts": {  
 "ng": "ng",  
 "start": "ng serve",  
 "build": "ng build",  
 "test": "ng test",  
 "lint": "ng lint",  
 "e2e": "ng e2e" 
  },  
 "private": true,  
 "dependencies": {  
 "@angular/animations": "^11.0.2",  
 "@angular/cdk": "^11.0.1",  
 "@angular/common": "~11.0.1",  
 "@angular/compiler": "~11.0.1",  
 "@angular/core": "~11.0.1",  
 "@angular/forms": "~11.0.1",  
 "@angular/material": "^11.0.1",  
 "@angular/platform-browser": "~11.0.1",  
 "@angular/platform-browser-dynamic": "~11.0.1",  
 "@angular/router": "~11.0.1",  
 "rxjs": "~6.6.0",  
 "tslib": "^2.0.0",  
 "zone.js": "~0.10.2" 
  },  
 "devDependencies": {  
 "@angular-devkit/build-angular": "~0.1100.2",  
 "@angular/cli": "^11.0.2",  
 "@angular/compiler-cli": "~11.0.1",  
 "@types/jasmine"<