Complete Angular 7 Step By Step User CRUD with Java 8 REST, MongoDB 2019 Tutorial Step 2

Step 2 Tutorial: Install Angular Material, Material Icons

In this tutorial we show you how to install Angular Material Design into your User Angular application. We also review how to install Angular Material Design Icons into your applications. Finally, we show you how to create a material module file into your application, import and export Material Design modules into the created typescript module file.

We complete this part of the tutorial by displaying Angular Material Design module - MatToolbar.

We couldn't have all the tutorial steps into one video so we split it into 11 steps. You can start from Step 1 to 11.

If you decide to build the back-end first start with Steps 9, 10 and 11 then return to Step 1 to build the Angular 7 front-end.

Front-End:

Back-End:
11. Implement REST searchUsers auto-complete

[roshankhatun]

Sir, thank you very much for your tutorial, its very benificial and very well explained... I appriciate your effort and prompt updates indeed its very helpful :) :) .... Sir here in step 2 to at last when I added the <mat-toolbar> </mat-toolbar> i am getting error, before adding it I am not getting any error ... Sir please check the below error I am getting in the console and in view is completely


compiler.js:2430 Uncaught Error: Template parse errors:
'mat-toolbar' is not a known element:
1. If 'mat-toolbar' is an Angular component, then verify that it is part of this module.




[ERROR
at syntaxError (compiler.js:2430)
at compiler.js:26101
at Set.forEach (<anonymous>)
at compiler.js:26011
at Object.then (compiler.js:2421)
syntaxError @ compiler.js:2430
(anonymous) @ compiler.js:26101
(anonymous) @ compiler.js:26011
then @ compiler.js:2421
@ core.js:17618
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ main.ts:13
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1