ng-repeat

Here's my code: <div ng-show="?" ng-repeat="item in items | notEmpty"> </div> Filter: Kb.filter("notEmpty", function(){ return function(input){ var output=[]; for(var i=0;i<input.length;i++){ if(input[i]){ output.push(input[i]); } } return output; }}); I need to show/hide repeated s according the quantity of filtered items in the loop. What is the best way to do it? Thanks ng-repeat expression allows filtered results to be assigned to a variable. This variable will be accessible from current scope so you can use it in same scope anyway you want: <p>Number of filtered items: {{filteredItems

I'm an AngularJS newbie and I'm building up a small proof-of-concept car hire listings app that pulls in some JSON and renders out various bits of that data via an ng-repeat, with a couple of filters: <article data-ng-repeat="result in results | filter:search" class="result"> <header><h3>{{result.carType.name}}, {{result.carDetails.doors}} door, £{{result.price.value}} - {{ result.company.name }}</h3></header> <ul class="result-features"> <li>{{result.carDetails.hireDuration}} day hire</li> <li data-ng-show="result.carDetails.airCon">Air conditioning</li> <li data-ng-show="result.carDetails

I'm trying to group the items in a ng-repeat using a condition. An example condition is to group all elements with the same hour. The data: [ {name: 'AAA', time: '12:05'}, {name: 'BBB', time: '12:10'}, {name: 'CCC', time: '13:20'}, {name: 'DDD', time: '13:30'}, {name: 'EEE', time: '13:40'}, ... ] The 'time' field is actually a timestamp (1399372207) but with the exact time the example output is easier to understand. I am listing these items using ng-repeat: <div ng-repeat="r in data| orderBy:sort:direction"> <p>{{r.name}}</p> </div> also tried with: <div ng-repeat-start="r in data| orderBy

I have a set of tiles that display a certain number depending on which option is selected by the user. I would now like to implement a sort by whatever number is shown. The code below shows how I've implemented it (by gettting/setting a value in the parent cards scope). Now, because the orderBy function takes a string, I tried to set a variable in the card scope called curOptionValue and sort by that, but it doesn't seem to work. So the question becomes, how to I create a custom sort function? <div ng-controller="aggViewport" > <div class="btn-group" > <button ng-click="setOption(opt.name)" ng

I have an ng-repeat that prints list items. I want to write a custom filter so that the list item will print, only if a condition is true. I seem to have the structure wrong as it seems the variables are not getting passed through to the filter. index.php <div ng-show="userDetails.username" class="nav"> <p>Menu</p> <li ng-repeat="menuItem in menu | matchAccessLevel:$rootScope.userDetails.accessLevel:menuItem.minAccess | orderBy:'position' "> <a ng-href="/angular-app/app/{{menuItem.id}}">{{menuItem.name}}</a> </li> </div> app.js userApp.filter('matchAccessLevel', function() { return function(