Angular 7 - коллекция объектов, если какой-либо элемент имеет свойство true

Question

Как я могу запустить *ngIf в коллекции, если в коллекции есть какой-либо элемент со свойством true?

var data ={
  Collection: [
     {Flag : true },
     {Flag : true },
     {Flag : true },
     {Flag : false }
  ]
}

как мне сделать *ngIf="data.Collection.ANY(Flag == true)"

Answer 1

Напишите функцию ниже в вашем компоненте

public hasFlag(): boolean {
  return this.data.collection && this.data.collection.some(item => item. Flag);
}

Теперь вызовите эту функцию

* ngIf = "hasFlag ()"

Надеюсь, вы этого не сделаетеполучить ошибку привязки

Answer 2

Это должно работать:

*ngIf="data.Collection.reduce((a, b) => a || b.Flag, true)"

Answer 3

Вы можете удобно использовать js some() здесь следующим образом -

<div *ngIf="data.Collection.some(x=>x.Flag)"></div>

Вот рабочий пример для some()-

var data ={
  Collection: [
     {Flag : true },
     {Flag : true },
     {Flag : true },
     {Flag : false }
  ]
}

// you may use it this way too - x => x.Flag == true
console.log(data.Collection.some(x => x.Flag));

Answer 4

<div *ngIf="data.Collection.filter(x=>x.Flag).length"></div>

, если вы хотите обработать также неопределенное

 <div *ngIf="data.Collection&&data.Collection.filter(x=>x.Flag).length"></div>