Ng重复以基于值比较和计数对象

Question

I need help to "make" NG-REPEAT and whole limitTo aware of food component ng-show logic, how can i achieve that? In other words, how can i insert that logic to ng-repeat and limiter?

JS side / HTML side? Any help would be appreciated. Thanks!

Here is what i mean in code;

<li 
    class="xx" 
    ng-repeat="food in foodlist.$models | filter:search:false | limitTo : foodlength as foodResults track by food.id">

    <food 
        data-food="xxx" 
        ng-show="(food.$att.random && (search.SomeBoolean || OtherBoolean)) || !food.$att.random"
        ui-sref="xx({xx: //irrelvant stuff })"
        class="xx-xxxx">
   </food>
</li>

Answer 1

There are a few ways to acheive this. Your ng-show logic should basically move inside the ng-repeat .

The easiest way IMO is to add a filtering function to $scope in your controller, like so:

... // Controller creation code

function YourController($scope, ...)
{
    ... // Controller code

    $scope.filterFoodItems = function(food)
    {
        return (food.$att.random && (search.SomeBoolean || OtherBoolean)) || !food.$att.random;
    };
}

Next step is to change the filter value in your ng-repeat :

<li 
    class="xx" 
    ng-repeat="food in foodlist.$models | filter:filterFoodItems | limitTo : foodlength as foodResults track by food.id">
...
</li>

Just for general knowledge, you can also write a custom filter but I don't think it's necessary in your case. Here's how: https://toddmotto.com/everything-about-custom-filters-in-angular-js/