How to show badge in ngFor loop by condition?

Question

Angular

In general, I got confused in simple things ... There are two arrays:
1) persons with objects of type

{
name: "Brown",
personId: "dsfrauAUHjfrkf32"
}

2) badges

{
personId: "dsfrauAUHjfrkf32",
badge: true

In my component, the NgFor method displays a list of people. It is necessary to make it so that when this list is displayed, a badge is displayed next to the name if id and badge = true match.
That is, the difficulty for me is that the list of names in the component is formed from one array, and information on badges is stored in another.
This is done because these arrays are formed by subscription from different database collections. And now there is no time and desire to rewrite the database logic

Answer 1

1) Bake it into a separate array with a new type that contains data from both collections
2) make an accessor on your hasBadge(personId: string) type component and pull it inside ngFor passing the id of the current element