Angular 获取数组中的上一个图像

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>

服务日期：{{model.servDate}


服务编号：{{model.servNum}}
标题：{{model.Caption}

以前的
下一个
接近

---

我编辑了我的问题。我正在尝试使html上的“上一步”按钮转到数组中的上一个图像

您需要在上一次单击时传递两个参数（id和索引）

那就是

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

上一个

---

或者id和索引是什么

您的函数签名是错误的

如果不想向其传递任何值，则应提供如下默认值：

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

---

请注意，您不需要定义类型，因为如果默认值为0，TypeScript将推断类型编号。

是的，但即使我尝试使用console.log（'hello'），它也会告诉我这不是一个函数谁告诉您的？IDE，或者当您运行

ng serve

或执行

ng build--prod

？空格是问题所在，它是（单击）='onPreviousClick（1,1）'请检查组件is按钮函数的示例13请注意，您不能调用

控制台.log

，或任何其他全局函数，在HTML模板中。我是在类型script中调用它的。您能添加定义onPreviousClick的上下文吗？我编辑了我的问题确保在调用它的模板的组件类中定义了

onPreviousClick

。我在你的问题中看到了

picture table.component.ts

和

picture modal.html

。