From the course: Building a Mobile App with AngularJS 1 and Ionic
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Using the list styles - Angular Tutorial
From the course: Building a Mobile App with AngularJS 1 and Ionic
Using the list styles
- Lists are another really common pattern, not just to mobile devices but also in regular websites. Ionic takes care of building lists that scroll smoothly. Now, they're fundamental to the way that you implement other design patterns. So when we learn how to do things like cards and forms, you're gonna learn that they're really just lists with some additional classes. Now, one thing that's confusing about looking at the Ionic website is that, when you go to the CSS section and you see, for example, the documentation on List, you see here that you can code it as either a ul with a class of list and an li with a class of list item. And then if you scroll down, you're gonna see that you could do the same thing with divs. And that's great. But whenever you look at examples that were written with JavaScript in AngularJS, sort of, patterns, so that's usually in the JavaScript section, you'll see that there's also a area called lists here. And in here, instead, we're using ion-list and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Understanding basic Ionic CSS components7m 37s
-
Using Ionic buttons5m 14s
-
Adding Ionicons to a layout8m 42s
-
Working with tabs10m 3s
-
Using the list styles12m 30s
-
Creating cards and inset lists4m 46s
-
Creating basic form elements5m 1s
-
Using other form types7m 35s
-
Using special form elements5m 16s
-
-
-
-