如何打开对话框并等待用户确认后再跳到数组中的下一个元素?

j8ag8udp  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(223)

尝试了异步/等待、回调等不同方式,但无法为每个元素打开对话框,有人能帮我完成基本实现吗?
这是我正在尝试的代码https://stackblitz.com/edit/primeng-dialogopenonebyone?file=src/app/app.component.html

bbmckpt7

bbmckpt71#

根据我对您问题的理解,您希望为数组中的每个元素打开一个对话框,您可以做的是创建一个对话框元素,并使用属性显示使其可见

<h5>Basic</h5>
<ul *ngFor="let activity of duplicateList;let i=index;">
  <li>{{activity.label}} -- {{activity.present}}
  </li>
  <p-dialog id="id">
    <p-header>
      {{activity.label}}
    </p-header>

    <p-footer>
      <button type="button" pButton icon="pi pi-check" (click)="openDialog(activity)" label="Yes"></button>
      <button type="button" pButton icon="pi pi-close" (click)="closeDialog()" label="No" class="ui-button-secondary"></button>
    </p-footer>
  </p-dialog>
</ul>

<div *ngIf="display" class="dialog-box">
  {{content}}
</div>

在app.component.ts文件中,您可以添加opendialog和closedialog方法,如下所示

openDialog(activity: any){
      this.display = true;
      this.content = activity
  }
  closeDialog(){
    this.display = false;
  }

相关问题