Login

Lost your password?
Don't have an account? Sign Up

Angular Material Tutorial | Mosh

?Get the COMPLETE COURSE (60% OFF – LIMITED TIME):

Learn to use Angular Material Design to make your Angular applications look modern and beautiful.

TABLE OF CONTENT

00:00 Introduction
00:43 What is Angular Material
05:14 Installing Angular Material
12:45 Check Boxes
17:14 Radio Buttons
22:58 Selects
26:06 Inputs

RELATED VIDEOS

Angular 4 Tutorial for Beginners

Angular Version History

MY OTHER COURSES

I have several other courses on web and mobile application development. You can find them all here:

STAY IN TOUCH

https://www.educational.guru

24 comments

  1. June Hanabi

    I use other ui frameworks real easy in my Anglular app, they’re designed to be added to the index.html, so I add it to the index.html and use accordingly. I don’t do anything fancy by converting from angular style to their style and back with custom directives or custom logic or by using another 3rd party component that does that for me. It’s not what they’re designed for and your just asking for more issues. If you want to use a general UI framework then use it how it’s designed and intended to be used which is very often loaded in the index.html, referenced globally in scripts (If the UI framework has scripts), and referenced globally in templates. If you don’t like anything global then don’t use any general UI framework but it’s not that it’s hard to do in Angular, it’s just not designed for the Angular workflow and style of coding and so you have to mix – which is super easy, it’s just some don’t like it, all up to you.

  2. Anil Rai

    Hey Mosh, thanks for this video, just one thing is can we implement all features in an angular material data table like Dynamic Column Selection, Sorting, Pagination, Column level Filtering, Reordering of Columns, Resizing of Columns, please help me

  3. y031962

    Hi Mosh, I really enjoyed watching this video. Colleague of mine told me I can get subscription to all your courses for a year at a discount price of $59. Where do I need to go to sign up? thanks again for this tutorial.

  4. Shrikant Raut

    Sounds silly but leaving it here.

    In case you get an error after using _FormsModule_ at 27:46, make sure you import it by
    *import { FormsModule } from ‘@angular/forms’;*

    My man Mosh accidentally skipped this.

    1. Bilal Afridi

      Programming with Mosh > I thot you skip this intentionally so people get used to with error handling and do a bit of research.
      Noticed this in other Tuts also

      Waiting for your full tuts on angular.
      Thanks for your awesome explanation and hard work

  5. Ramanathan S.P.

    I tried the Mat with Angular 9 with the same set ot steps explained in this lecture. I don’t get any element displayed on the screen (not even mat-divider), though it doesn’t throw any error. Dont know how to proceed from here. Any hints would be of a great help. I indeed tried everything like deleting the node_modules and reinstalled, restarting the server, restarting vscode, etc.

Leave a Comment

Your email address will not be published. Required fields are marked *

*
*