Filter Records - Angular JS and FireBase

Question

I am currently working basic angular app and database using firebase. My Question is, How to filter the records in angular once loaded all the datas from firebase. I used to find many ways in Google. Finally, i got a solutions using OrderByPriority (Object to Array). Its working fine but the problem is, I got some error when i edited the existing records. I got this below error when i edit the records when i used the OrderByPriority.

**Error:** Firebase.set failed: First argument contains undefined

Code:

data-ng-repeat="(key,person) in contactList | orderByPriority | filter:searchCategory

My Apps Screen part - I have given left navigation part only,

Category
All        (5)
Family     (2)
Friends    (3)

My Questions are,

How do i filter the data when i click the cateogry(Eg., All, Family, Friends etc.,) and display the records accordingly based on the selection?
Also I need to count the records for 'All' Category.

I am waiting for your favorable reply. Thanks for advance.

Kato · Accepted Answer · 2014-04-11 17:14:22Z

1

How do i filter the data when i click the cateogry(Eg., All, Family, Friends etc.,) and display the records accordingly based on the selection?

You will want your person records to have a category field. Then when a category is clicked, simply put it into $scope.searchCategory:

All ({{counts['all']}}) Family ({{counts['family']}})

Also I need to count the records for 'All' Category.

Isn't this simply the total of the others?

Total: {{ counts['family'] + counts['friends'] }}

Or with a method in your controller:

$scope.totalCount = function() {
  var total = 0;
  angular.forEach(counts, function(x) { total += x; });
  return total;
}

answered Apr 11, 2014 at 17:14

Kato

40.6k6 gold badges124 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Filter Records - Angular JS and FireBase

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related