получить следующий или предыдущий элемент на стрелки

Question

У меня есть массив карточек, как показано на рисунке ниже, и при нажатии на одну из этих карточек появится большой модал (2-й пи c), содержащий соответствующие данные конкретной карточки. Теперь вы можете видеть эти 2 стрелки на обоих концах картинки в модале. Нажатие на них должно привести данные следующей / предыдущей карты к модалу. Я имею в виду, модальные должны быть там только данные должны измениться.

getRelUploadDetails(question_id: string, user: JSON, template) {
    this.selectedRelUpload = null;
    this.uploadQService.getRelatedUploadWithDetails(question_id,user['_id']).subscribe(questionObj => {
      questionObj['question']['answer'] = questionObj['answer_upload'];
      this.selectedRelUpload = questionObj['question'];
      this.selectedRelUpload._user = user;

      let config = {
        animated: true,
        class: "big-modal"
      };
      this.sketchMRef = this.modalService.show(template, config);
    });
  }

  ngOnDestroy() {
    this.destroy$.next(true);
  }

<ngxMasonryItem class="card masonryitem card-width" *ngFor="let answer of allRelatedUploads">
<drawing-card class="gutter-sizer masonry-item" [answer]="answer"
     [user_id]="this.userService.getValue()['_id']"
     (onClick)="getRelUploadDetails($event, answer._user, sketchModal)" data- toggle="modal" data-target="#sketchModal"></drawing-card>
 </ngxMasonryItem>