Angular 4 Material Tutorial

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

Subscribe for NEW VIDEOS weekly!

^-Chat with me and others

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

Come to my discord server or add me on social media and say Hi!

[brandoncluff]

Between the changes in Angular 4 && Material 2, I'm getting tons of errors after install. Is anyone else running into this?

[mahmoudtokura]

God bless you for constantly updating your tutorials.
Not sure you realize all the people you are helping.
Thanks you so much.

[nocturno]

Thank you Gary, excellent content as usual.

[khalil_rahmani]

Your videos helped me a lot. a BIG BIG THANK YOU from Morocco.

[YazanAlaboudi]

If some people are getting import errors, ensure to use the 'Mat' prefix rather than the 'Md' prefix when importing modules. Material has made this change recently in their change logs. For example MdButtonModule no longer exists. Rather import MatButtonModule

[WayneRiesterer]

Nice tutorial Gary. It's cool to see some pixels light up and break that blank canvas.

You could remove the Material Icon & Roboto Font links from the index.html file and import them in styles.css with @import "put url here". That keeps everything in the one spot and then the index.html file can be left alone. You probably knew this already, but other people reading this might find it useful.

[LiranPeleg]

Awesome t-shirt man and as always, great video

[sunmustbedestroyed]

Good tutorial, thanksl

I had some errors. Here's what I did to fix them (for other n00bs like myself):

1. Missing "CDK":
npm install --save @angular/cdk

2. "Map" not working. Add this to app.component.ts:
import 'rxjs/add/operator/map'

3. "No provider for Http!". Add to app.modules.ts
and added "HttpModule" to imports.

[jimserra]

Thanks! It would be so nice if you do a tutorial for internationalization (multi-language) on angular 4

[ronitoommen]

Your tutorials really helped me revamp my website from anglularJS(ver 1) to Angular, its really easy to understand and implement.

Could you guys add a tutorial for Material components in future, i am having a hard time with md-table, the observable and cdk table are completely new topics for me and there are no tutorial currently for it on web.

Apart from it, great work team.

[JamesQQuick]

Cool intro. Is there strong advice to use this with Angular 4 instead of Bootstrap?

[ScottSaysStuff]

Just some design advice. You should be using the more_vert icon instead of menu. The 'menu' icon is usually used for an md-sidenav. Also, material.io/icons is a better option to find icons since its an actual google site. Other than that, nice job.

[dizphunkt]

there were some important code snippets skipped and/or not explained .. ended in errors because of missing code. thanks to the guys that postet the fixes for it!

[ajinkyax]

hey your written tutorial is nice :) keep up

[cyunpingco]

Thanks for the tutorial. Do you have an example with live data rather than the jsonplaceholder?

[hussainwali]

can somebody plz tell me how can we resolve the version difference problems, I bought a theme a while ago and now It gives lots of errors

[sayantandas]

Great tutorial. Do you mind sharing your command prompt customization ? Looks pretty sleek !

[govindchaurasia]

How to set alignment and other attributes any doc for angular-2 material?

[tanmaypatil]

Can someone please help?
I am getting an error saying :
Template parse errors:
Can't bind to 'mdMenuTriggerFor' since it isn't a known property of 'button'.

[julianfigueroatorres]

Nice video, I wonder, if you have to upload an image on your form, how would you do it, I mean, Angular Material Inputs Component don't allow File type. Regards.