angularjs-ng-repeat

I have a List of lists, created with a nested ng-repeat. Each outer ng-repeat contains a div with the label of its inner list (eg: "Group A"). I'm now trying to create a way to avoid showing this label if the inner list is empty due to filtering(Applied by an input searchtext) Here is a plunker explaining my issue and my attempted solution : Plnkr Having a 'heavy' function like isGroupEmpty seems extremely cumbersome - Is there any way to do this in a much simpler fashion? I was toying with the idea of moving the label inside the inner ng-repeat and having ng-show="$first" but it doesnt look

Is there any good way of using angular to filter a list WITHOUT ng-repeat? I dont want to use javascript to draw the list at first, but i want to use angular to filter it afterwards. Example: <input type="search" ng-model="search" placeholder="Search for fruits!" /> <ul> <li>Banana</li> <li>Apple</li> <li>Orange</li> </ul> I want to use the search box to filter the existing html. (Please dont give any examples with ng-repeat or jQuery in general) You can write a simple directive to handle show/hide: app.directive('filterList', function($timeout) { return { link: function(scope, element, attrs)

How do I have AngularJS show a loading spinner until the data has finished loading? If my controller has $scope.items = [{name: "One"}] set up statically, and an AJAX loader which populates $scope.items[0]['lateLoader'] = "Hello" , I'd like the spinner to show until the AJAX load is complete, and then populate the bound span with the retrieved data. <ul ng-repeat="item in items"> <li> <p>Always present: {{item.name}}</p> <p>Loads later: <span ng-bind="item.lateLoader"><i class="icon icon-refresh icon-spin"></i></span></p> </li> </ul> This code populates the bound span immediately, and as item

I need a second $index for my nested ng-repeat loop. How and where should I put it? AngularJS site says Creating aliases for these properties is possible with ngInit. This may be useful when, for instance, nesting ngRepeats. <div ng-repeat="person in persons track by $index"> <div ng-repeat="something in array track by $index2"> <!-- where to init this and how to manage it?--> If I use $index again, it seems to work but I am not sure this is the right thing? I am sure there is an easy and correct way of doing it, I just wasn't able to find an example. Thanks $index will refer to the index on

Edited: After some advices i came back to old version of how i wanted handle angular and leaflet, link to fiddler but still is not working, Explanation: It was working with angular-leaflet-directive, but this directive has very bad performance on firefox, to compare leaflet.js self is very good so i thought i will try to make some small directive on my own, maybe somebody has some advices what is wrong and how to fix it? Link to fiddler: fiddler I try to pass result from ng-repeat to leaflet directive, but when i do it, angular start "Error: 10 $digest() iterations reached. Aborting!, there is