離子/角多重過濾

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}