javascript - 子数组中的 ionic /Angular 多重过滤器

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-model”，如下所示:

   <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 |过滤器:{checked:true}