получить предыдущее изображение в массиве

Question

picture-table.component.ts

  showPicture(picture: AccessApictures){
     console.log(picture.filename);

let pictureDialog = this.dialog.open(PictureModalComponent, 
  { data: {
      id: picture.id,
      caption: picture.caption,
      url: picture.filename,
      servDate: picture.servDate,
      servNum: picture.aservrecno,
    }
  }
);  
}

  onPreviousClick(id: number, index: number, picture: AccessApictures) {


for (let id in this.pictures){
  return [index -= 1];
}

picture-modal.html

    <h1 mat-dialog-title>Service date: {{model.servDate}} 
      <br>
    Service number: {{model.servNum}}</h1>
     <div mat-dialog-content>
      <img class="img" src= {{model.url}}/>
    <p><strong>Caption:</strong> {{model.caption}}</p>
   </div>
    <div mat-dialog-actions>
  <button mat-button (click)='onPreviousClick()'>Previous </button>
  <button mat-button (click)='onNextClick()'>Next</button>
  <button mat-button mat-dialog-close>Close</button>
    </div>

Я отредактировал свой вопрос.Я пытаюсь заставить предыдущую кнопку моего HTML перейти к предыдущему изображению в моем массиве

Answer 1

Ваша подпись функции неверна.

Если вы не хотите передавать ей какие-либо значения, вам следует указать значения по умолчанию, например:

onPreviousClick(id = 0, index = 0) {
  console.log(id);
}

Обратите внимание, что вы не 'не нужно определять тип, так как TypeScript выведет номер типа, учитывая, что значение по умолчанию равно 0.

Answer 2

Вам нужно передать 2 параметра (id и индекс), которые ожидает onPreviousClick.

, что будет

<button mat-button (click) ='onPreviousClick(1,1)'>Previous </button>

или что-либо, что id и index равно