Using ng-repeat in filter

Question

I think popular question, but I don't found solution. Look e.g. I have object {title:..., book:.... author:...} and would like filter my view by title like below:

<div ng-repeat="product in main.products | filter: {{product.title}}">
  <span>{{product.author}}</span>
</div>

In <span> author has shown, but filter not working.

what is your mean about filter by title?what is filter value? — Hadi J, Aug 24 '17 at 16:24
This is only simple example, but my point is I have courses maths, history etc. and I would sort all courses by title — Mat.Now, Aug 24 '17 at 16:29

Maxim Shoustin · Accepted Answer · 2017-08-24T17:02:35.523

1

If you get your filter value from server side, you can easily simulate it as:

 $scope.by_title = '';


  $timeout(function(){
     $scope.by_title = 'on';
  },3000);

and:

 <tr ng-repeat="obj in objs | filter:{ title: by_title }">

DEMO PLUNKR

edited Aug 24 '17 at 17:02

answered Aug 24 '17 at 16:52

Maxim Shoustin

77,483
27
203
225

This is great solution, by I don't want use input, I would like load data from database and filter – Mat.Now Aug 24 '17 at 16:57
@V.R so what is a problem? replace `by_title` model with value comes from server. Its the same behaviour – Maxim Shoustin Aug 24 '17 at 16:59
@V.R also if you get title filter from the server, please point it in your question. Its not clear – Maxim Shoustin Aug 24 '17 at 17:04

score 0 · Answer 2 · answered Aug 24 '17 at 16:30

0

As you commented, you should use orderBy filter for this.

<div ng-repeat="product in main.products | orderBy: 'title'">

answered Aug 24 '17 at 16:30

Hadi J

16,989
4
36
62

can you create a demo? – Hadi J Aug 24 '17 at 16:36

Using ng-repeat in filter

2 Answers2