Rendering a large Firebase data set using collection-repeat
When your app grows, the size of the database also grows. Typically, there are many ways to handle large datasets such as paging, caching, and filtering. However, there is a very useful feature in Ionic that allows you to repeat through a large list of items without sacrificing performance. Ionic's collection-repeat is similar to AngularJs' ng-repeat. The main difference is its rendering mechanism. Most of the time, the app does not need to render thousands of items at once. So, collection-repeat accesses only a subset of the data and binds it to the current page, where it is visible to the user.
Getting ready
You will continue to work on the previous app. There are some modifications in index.html and app.js.
How to do it...
Here is how you can retrieve data and add, edit, and delete items:
Open
index.htmlto edit it.Insert the following code within
<body>:<ion-pane ng-controller="ItemCtrl"> <ion-header-bar class="bar...
