Build Hybrid Apps using Ionic part-8 | Working with List View | Abutech

One disadvantage to not using the Ionic provided version in general is that you wouldn't get all of the Ionic styling "for free" but most of that can be made up for by applying their CSS styles as done here. We're not going to get into whether you generally should use the Ionic versions over the plain HTML ones but it's important to know that there are options and advantages to both approaches. In both examples above, all of the work is done by item itself via ng-repeat="product in data.products. That's a directive from the AngularJS side of Ionic that iterates through a collection of items and repeats the UI element for each item in the collection. So in our case, it runs through all the products in the array and makes a row for all of them.

That's it! There's of course a lot going on under the covers in Angular / Ionic but for the purpose of a quick "how to" that's as far as we're going to go into in this post. Please follow us on Twitter and if you have a mobile or web project you're looking to get off the ground, please get in touch by filling out the contact form on this page. ... https://www.youtube.com/watch?v=vGGRwdHkTo8