Angular ngx引导模式延迟打开

Question

我正在尝试使用 ngx bootstrap 的模态创建一个进度条对话框。我目前有以下：

generateDownload(distance: DistanceSplit) {
    this.dialogWait = this.dialogs.wait('Wait');

    list.forEach((distance, index) => {
        // ...
        this.dialogWait.setProgress(i);
        // ...
    });

    return tabledata;
}

在DialogsService：

public wait(title: string, message: string, percentage: number, settings?: any): BsModalRef {
    // ...
    return this.modalService.show(
        DialogsComponent, 
        Object.assign({}, this.options, settings)
    );
}

问题是只有在list.forEach 循环完成时才会显示对话框。如何在执行列表之前显示对话框？有没有人有类似的问题和一些工作代码？

Answer 1

modalService.show 应该是一个同步方法。

你有没有用 console.log 调试过序列：

generateDownload(distance: DistanceSplit) {

    this.dialogWait = this.dialogs.wait('Wait');

    //Adding breakpoint here
    console.log('generateDownload');

    list.forEach((distance, index) => {
    ...

    this.dialogWait.setProgress(i);
    ...
    });

    return tabledata;
}