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

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…

Contents