The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Angular Material: UI Components with Dynamic Data

Angular Material: UI Components with Dynamic Data

4:34
Angular Material UI components have been designed from the ground-up to use dynamic, live data. Supporting AngularJS interpolation, expressions, and databindings… each component exposes an intuitive API and fully supports the existing ng-<xxx> directives published in AngularJS. Let’s replace the hard-coded, static HTML with dynamic, mock data using AngularJS data bindings, ng-repeat, and the ng-click directives. Our UX remains unchanged, yet now we are using custom application logic and dataservices. > This course has been created by Thomas Burleson & Aaron Frost.
Watch this lesson now
Avatar
egghead.io

Angular Material UI components have been designed from the ground-up to use dynamic, live data. Supporting AngularJS interpolation, expressions, and databindings… each component exposes an intuitive API and fully supports the existing ng- directives published in AngularJS.

Let’s replace the hard-coded, static HTML with dynamic, mock data using AngularJS data bindings, ng-repeat, and the ng-click directives. Our UX remains unchanged, yet now we are using custom application logic and dataservices.

This course has been created by Thomas Burleson & Aaron Frost.

Avatar
Hector

Hi, is very difficult to follow the instructions in the video because the code available is not the same, i.e. the code needed for de Users.js, UserController.js and UserService.js is in one single file in the available code, separate the code in 3 files doesn't work for me, obviously for my lack of knowledge of course but for people like me, self-taught, is hard to track the guidance. Any chance of getting the code exactly like in the video?

In reply to egghead.io
Avatar
Peter

I feel exactly the same.

In reply to Hector
Avatar
Ian Poston

I noticed the sidenav avatars are overriding the border-radius 50% in this example. You can fix this by adding .avatar svg {border-radius: 50%;} to the app.css file. It was bugging me so I found the answer here http://stackoverflow.com/questions/31115101/styling-md-icon .

In reply to egghead.io
Avatar
Sina

How to generate the "avatars.svg" ????

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?