How to make multiple filters in Angular?

Question

JavaScript

There was a need to make multiple data filtering in Angular. Tried several different ways, but almost all had their drawbacks. In particular: filtering by one value is mainly offered, but I have a lot of them.
There are objects with the following structure:

[
  {
    "id": 1,
    "name": "Артист",
    "state": "Не женат",
    "price": 50000,
    "bio": "Офигенный артист",
    "genre": {
      "id": 1,
      "name": "Тамада"
    },
    "country": {
      "id": 1,
      "name": "Россия"
    },
    "type": {
      "id": 1,
      "name": "Тип1"
    }
  }
]

There is a menu in which all types from the database are displayed and ng-click, on which the filter object is pushed:

{
  "id": 1,
  "name": "Тип1"
}

And then ng-repeat should display items by filter:

<section class="artist-item" ng-repeat='artist in Filters = (artists | filter:typeFilters | filter:searchText)'></section>

But they don't come out.
Has anyone encountered this problem or seen a solution?

Answer 1

or saw the solution

Do filtering in the controller in any way convenient for you. Stop writing logic in templates.

Answer 2

And well, throw the whole code, it seems to me that you are not calling the filters correctly on the presentation.