离子/角多重过滤

Question

我已经过滤掉该数组：

Ricette: [{ 
    "id":"1", 
    "title":"Pasta al pomodoro", 
    "ings":{"id":["1","2","3"]} 
}, { 
    "id":"2", 
    "title":"Spaghetti alla carbonara", 
    "ings":{"id":["1","2","4","5","6"]} 
}] 

，我需要通过从复选框选择ings对其进行过滤

ings列表：

[{"id":"1","nome":"Olio"}, 
{"id":"2","nome":"Pasta"}, 
{"id":"3","nome":"Passata di pomodoro"}, 
{"id":"4","nome":"Parmigiano"}, 
{"id":"5","nome":"Uova"}, 
{"id":"6","nome":"Pancetta"}] 

模板：

<div ng-repeat="ing in ingredienti"> 
     <b><input type="checkbox">{{ing.nome}}</b> 
    </div> 
    <ion-list> 
     <ion-item ng-repeat="ricetta in ricette" href="#/app/ricette/{{ricetta.id}}"> 
     {{ricetta.title}} 
     </ion-item> 
    </ion-list> 

我如何过滤所选复选框的“ricette”列表？

Answer 1

您需要一种跟踪实际检查哪个复选框的方法。我会用“NG-模式”去像这样：

<div ng-repeat="ing in ingredienti"> 
     <b><input type="checkbox" ng-model="ing.checked">{{ing.nome}}</b> 
    </div> 
    <ion-list> 
     <ion-item ng-repeat="ricetta in ricette" href="#/app/ricette/{{ricetta.id}}"> 
     {{ricetta.title}} 
     </ion-item> 
    </ion-list> 

那么你的过滤器应是这样的：ingredienti | filter:{checked:true}