How to make filters dynamic angular js?

Question

Angular

That is, so that when outputting, do not do HTML in advance.
For example, when displaying some categories

<div class="item" ng-repeat="item in teams | filter: {c_name :'Food'}" ng-show="items">
            <div class="row">
   
            </div>
        </div>
<div class="item" ng-repeat="item in teams | filter: {c_name :'clothing'}" ng-show="items">
            <div class="row">
   
            </div>
        </div>
<div class="item" ng-repeat="item in teams | filter: {c_name :'и так далее'}" ng-show="items">
            <div class="row">
   
            </div>
        </div>

but do it once

<div class="item" ng-repeat="item in teams | filter: {c_name :'функция супер динамичная'}" ng-show="items">

And here, so that it itself allows the elements of each category to be scrolled once

Answer 1

Don't you think that such things should be done at least in the controller? Or make your own filter that will ruin everything inside.