search

andrewmcgivery / ionic-ion-autoListDivider

Gives a set of directives for automatically adding in list dividers for an ng-repeat. (Works for Alphabetical or by Categories)
75 stars 21 forks source link

How to add a footer for each divider? #12

Open junerockwell opened 8 years ago

junerockwell commented 8 years ago

I tried adding a footer for each but it doesn't work. It doesn't work because it doesn't show up on the iOS Simulator (haven't tried on Android). If I do ionic serve (Firefox is my default browser), Firefox just freezes and I can see Firebug is counting the number of errors. I tried to debug after clicking (Debug Script from a popup) but unlike normal scenarios, it doesn't highlight exactly where the problem is.

Inside your directive, you have this if-statement:

if(divideKey != lastDivideKey) {
    var contentTr = angular.element("<div class='item item-divider'>"+divideKey+"</div>");
    element[0].parentNode.insertBefore(contentTr[0], element[0]);
    // adding a div using jQlite .after()
   element[0].after('<div></div>');
}

In your CodePen http://codepen.io/andrewmcgivery/pen/XJeQyW?editors=101 I added the same line of code (element[0].after('<div></div>');) and it appears with no problem except that it's just not the look that I want and that it only attaches on the first first item of the new divided section. But when I did the same thing and run it on the browser via ionic serve or running from Xcode to an iOS9 Simulator, the browser or nothing appears at all, respectively.