How to exclude a repeated click event?

Question

Angular

I have several components in the template of which the event <div (click)="edit(obj)"></div>

of the Same type handler is bound:

public edit(actdoc: any): void {
        this.applicationRelationShipsService
            .get(actdoc.actdocid)
            .pipe(
                indicate(this.loading$),
                observableTimestampResponse(),
                switchMap((actdoc) =>
                    this.dialog
                        .open(DialogAddExistingRelationshipDetailsComponent, {
                            ...this.dialogConfig,
                            height: '480px',
                            data: { appid: this.application.appid, mode: MODES.EDIT, actdoc },
                        })
                        .afterClosed()
                        .pipe(
                            filter(Boolean),
                            concatMap(() => this.applicationRelationShipsService.getByAppId(this.application.appid)),
                        ),
                ),
            )
            .subscribe((actdocs) => {
                this.actdocs = actdocs.slice();
                this.changeDetection.detectChanges();
            });
    }

How to exclude repeated click and call this.applicationRelationShipsService.get. until the dialog opens and then closes. Otherwise, a request error will not occur.

Answer 1

event.pipe(
  exhaustMap(() => someFiniteAction)
)

On event, someFiniteAction will be fired, and until it completes, any subsequent events will be ignored. After completion will again will listen.
And you should always unsubscribe.