Nativescript angular阻止在背景点击时关闭模式

import { Component } from "@angular/core";
import { ModalDialogParams } from "nativescript-angular/modal-dialog";

@Component({
    selector: "modal-content",
    template: `
        <StackLayout (tap)="onBackgroundTap($event)">
            <!-- 模态框内容 -->
        </StackLayout>
    `
})
export class ModalContentComponent {
    constructor(private params: ModalDialogParams) {}

    onBackgroundTap(event) {
        event.stopPropagation();
    }
}

import { Component } from "@angular/core";
import { ModalDialogParams, ModalDialogOptions } from "nativescript-angular/modal-dialog";
import { ModalDialogService } from "nativescript-angular/modal-dialog";

@Component({
    selector: "app-component",
    template: `
        <Button text="Open Modal" (tap)="openModal()"></Button>
    `
})
export class AppComponent {
    constructor(private modalService: ModalDialogService) {}

    openModal() {
        const options: ModalDialogOptions = {
            viewContainerRef: this.vcRef,
            context: {},
            fullscreen: false,
            animated: true,
            backdropDismiss: false // 阻止在背景点击时关闭模态框
        };

        this.modalService.showModal(ModalContentComponent, options).then((result) => {
            // 模态框关闭后的回调函数
        });
    }
}