I am running into a problem with Ionic collection-repeat where the list is not displaying when switching between ion-tabs. However, if the list is refreshed then the items display correctly. I was wondering, is there is a way to force Ionic collection-repeat to refresh?
Can you modify this codepen to exemplify your problem? I added a collection-repeat inside of an ion-tab to facilitate
Thanks
Related
Is there a way to reload the current view after I run onDidDismiss() from that view? I've looked online and am unable to use $scope.reload() and even if I could I don't want to fully reload the app, just the current page.
Any help would be great, thanks!
I am using
state.go('your-state-name', {reload:true});
It will refresh the view with the parameters you input or the new calculated values from your route.
Onsen UI: v2.0.1
AngularJS: 1.5.9
I am building an Android and IOS application that requires dynamic tabs (ons-tab) like in native applications. The content in each tabs can be up to a hundred items. So I want to use ons-lazy-repeat for the ons-tab content to minimize memory consumptions. How do I go about achieving this (dynamic tabs and ons-lazy-repeat ) with Onsen UI. I have searched online and I couldn’t see any solution.
Thank you!
The ons-lazy-repeat component is described in detail in the documentation.
Dynamic tabs can easily be achieved by using the ng-repeat clause of AngularJS. If you don't want to load the content of each tab right at the beginning, you have multiple options like ng-if or ng-include to make sure that only the content of the current visible tab is loaded. You may access and check the visibility of the $index variable that is available in the ng-repeats scope to do so.
See this post how this may be done. Onsen offers a tabbar and tab components which will work the same way as the tab div's in the questions answer.
I am using ng-click for div which will filter the data. I am using collection-repeat to show large data.
When the data is less, the click only triggers once, but when the data is huge, the click triggers twice. I tried using fastclick.js but didn't work out. I have only added angularjs once through ionic.bundle.min.js.
I can't put the demo as this is confidential project.
And also, THIS PROBLEM ONLY OCCURS IN IOS, NOT IN ANDROID AND PC
Yes there is problem, sometimes ng-click fires twice.
please check: https://github.com/driftyco/ionic/issues/1022
they have suggested multiple solutions
I am using ionic for phonegap to build mobile app.
As i have written all code and now when I click back button to returns, some times shows like below attached image.
I have used href="#/pagename" to change page in html.
After long Research I found the solution.Below is the refresh link and the solution.
http://blog.ionic.io/preparing-for-ios-9/
:)
I am trying to migrate from ng-repeat to collection-repeat . But the problem is its not working. Data is not at all rendering. I tried all the codepen's provided and tried with collection-item-height and width but no use.
Any help would be appreciated.