Angular Material And Angular 6 - Material Design For Angular

Angular Material is a collection of Material Design components for Angular. By using these components you can apply Material Design very easily. With the release of Angular 6 the usage of Angular Material has become easier as well. In this tutorial we'll take a look at the recent changes. You'll learn how to use Angular Material in your Angular 6 project in the most easy way.

---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[AlessandroBottoni]

Great video Sebastian. Many thanks for having shared your skills with us.

[Paretozen]

Man I'm in love. The ease at which you can make google-like quality apps is amazing. Having tried React & Vue, Angular really fits well with me. Together with the material design I feel on top of the world!! <3

[adhivenkatesh]

Nice for beginners, Good video, Thank You!.

[jonathansanders]

Beautiful video. I was looking for an angular 6 and with material and I found this beauty.

[ErickMoisesRacancojAmperez]

Just beautiful. This video gave me so much insight. Thank you for sharing this short but powerful video about Angular 6 and Material

[emmanuelokello]

great intro, just needed this to get started

[KurtVermeiren]

Excellent tutorial, yet again, thank you

[LailahaillahChannel]

can you tell me what should i do if i have nested link in the nav bar. could not find the solution. what if user click on first page will show some more option? how to acheive that?

[rohitkhanna]

Great video ... thanks for sharing this !

[tharaks]

very good tutorial, i love your teaching thank you god bless you

[nelsonking]

Great video Sebastian. I really needed this!

[shahbazakhtar]

Great video sir, I need this and useful, thanks

[TheCareylan]

Great video & very helful, Thank you so much!

[kayom]

Thanks for the tutorial, butI have some problems as an Angular Material beginner. Did a fresh Angelar + Material setup but I see no shadow at the sidebar. If I import the css as in the guides recommended, the top bar from Application Title on moves some pixels downwards.

[shashanksen]

The video is a lot helpful sir. I am having a question about validation of email and url when we not mark them as a required filed. How can we generate error message for the same. As in my code that particular email validation isn't working if I am not making it as a required field.

[budkin]

Thank you so much for this video... exactly what I needed!

[hasithaamruthavakkula]

I have doubt like angular is single page rendering, then how the page is refreshing while you are navigating between components 21:18 we can see. can you please clarify this.


Thanks in advance :)

[dorusomcutean]

Great video! Make sure you use [routerLink]="['/first-page'] as Jeremy Peters said. Does anyone have any idea how to make the content of the first-page component to not scroll over the nav bar? For example, if you generate the material dashboard and use that as the component for link 1, when it scrolls down the content goes all the way over the nav bar... Thanks in advance for any possible solutions.

[unholyrogue]

In case you're having problems generating the angular schematic, materialNav is not now called material-nav.

[sudhaparayil]

helpful video...i have one doubt ...how to solve this error..
Failed to compile.

Module not found: Error: Can't resolve 'rxjs/Rx' , ,,
package.json===="rxjs": "^6.0.0",