Equal Arrays AngularJS Pro

Question

Мне нужно показать объект, только если одно из его свойств равно массиву.

У меня есть контроллер в app.js:

app.controller('checkBoxController', function ($scope) { 
    $scope.ingredients= [ 
     {label: 'Egg', value: 1}, 
     {label: 'Milk', value: 2}, 
    $scope.selection=[]; 
    $scope.toggleSelection = function toggleSelection(ingredientLabel) { 
     var idx = $scope.selection.indexOf(ingredientLabel); 
     if (idx > -1) { 
      $scope.selection.splice(idx, 1); 
     } 
     else { 
      $scope.selection.push(ingredientLabel); 
     } 
    }; 
}); 

и HTML-код для него:

<span style="color:black;" class="selected-item">Selected Items:<span> 
<div ng-repeat="label in selection" class="selected-item"> 
</div> 
<div class="list-group"> 
    <div class="list-group-item" ng-repeat="product in meals.products" ng-show="product.contents==selection"> 
     <h1>{{product.name}}</h1> 
     <meal-gallery></meal-gallery> 
     <meal-tabs></meal-tabs> 
    </div> 
</div> 

и у меня есть { name: 'Scrambled Egg', contents: "Egg"} в массиве продукции. Поэтому мне нужно показать продукт, если его содержимое равно выбранным ингредиентам. У меня нет проблем, когда это только один ингредиент, такой как «Яйцо», но если мне нужно содержимое из двух равных выбранным?

Answer 1

Используйте фильтр.

<div ng-repeat=product in products |filter: product.a === a && product.b === b> 

Вы также можете использовать функцию фильтра. Это функция, которая принимает элемент и возвращает Boolean

Answer 2

Лучше всего использовать собственный фильтр.

Если добавить lodash в приложение, вы можете создать фильтр, который будет преформами следующей операции:

angular.module('common', []) 
.filter('canBeMadeFrom', function() { 
    return function(product, ingredients) { 
    return _.intersection(product.contents, ingredients).length == product.contents.length'; 
    }; 
}); 

это возвращает истину, если все продукты содержания содержится в ингредиентах

использовать например

ng-repeat='product in products | canBeMadeFrom:ingredients'