Как сопоставить данные и вывести результат?

tasks = [
{action: 'meet', ....},
{action: 'call', ....}
]

<div class="wrapp" *ngFor='let x of TaskDesk'>
     <mat-checkbox >
              {{x.action}} 
     </mat-checkbox>
</div>

<div class="wrapp" *ngFor='let x of TaskDesk'>
                    <div *ngFor="let y of PanelControl">
                        <mat-checkbox *ngIf='y.action === x.action'>
                            {{y.translate}}
                        </mat-checkbox>
                    </div>
                </div>

<div class="wrapp" *ngFor='let x of getData(TaskDesk, PanelControl)'>
      <mat-checkbox>
          {{x.translate}}
      </mat-checkbox>
</div>

getData(obj, panel) {
    let res = [];
    obj.map(o => {
      let fPan = panel.find(f => f.action === o.action);
      if (fPan) {
        res.push({action: fPan.action, translate: fPan.translate});
      }
    })
    return res;
  }