TypeScript dialogs.ModalDialogService类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中nativescript-angular/directives/dialogs.ModalDialogService类的典型用法代码示例。如果您正苦于以下问题：TypeScript ModalDialogService类的具体用法？TypeScript ModalDialogService怎么用？TypeScript ModalDialogService使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了ModalDialogService类的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1:

            .then((module: NgModuleFactory<any>) => {
                const moduleRef = module.create(this.vcRef.parentInjector);

                this.modalService.showModal(LazyComponent, {
                    moduleRef,
                    viewContainerRef: this.vcRef,
                    context: { isModal: true }
                });
            });

开发者ID:NativeScript，项目名称:tests-app-ng，代码行数:9，代码来源:lazy-load-modal.component.ts

示例2: onRootModalTap

    onRootModalTap(): void {
    const options: ModalDialogOptions = {
        viewContainerRef: this.viewContainerRefService.root,
        context: {},
        fullscreen: true
    };

    this.modal.showModal(ModalViewComponent, options).then((result: string) => {
        console.log(result);
    });
    }

开发者ID:NativeScript，项目名称:nativescript-angular，代码行数:11，代码来源:layout.component.ts

示例3: onModalNoFrame

    onModalNoFrame() {
        const options: ModalDialogOptions = {
            context: {
                navigationVisibility: false
            },
            fullscreen: true,
            viewContainerRef: this.vcRef
        };

        this.modal.showModal(ModalComponent, options).then((res: string) => {
            console.log("moda-no-frame closed");
        });
    }

开发者ID:NathanWalker，项目名称:nativescript-angular，代码行数:13，代码来源:home.component.ts

示例4: onPopoverModal

    onPopoverModal() {
        const options: ModalDialogOptions = {
            viewContainerRef: this.viewContainerRefService.root,
            context: {},
            ios: {
                presentationStyle: UIModalPresentationStyle.Popover
            },
            target: this.popoverButtonComp.nativeElement
        };

        this.modal.showModal(ModalViewComponent, options)
            .then((result: string) => { console.log(result);});
    }

开发者ID:NativeScript，项目名称:nativescript-angular，代码行数:13，代码来源:basic.navigation.component.ts

示例5: onModalFrame

    onModalFrame() {
        const options: ModalDialogOptions = {
            context: {
                navigationVisibility: true,
                modalRoute: "modal"
            },
            fullscreen: true,
            viewContainerRef: this.vcf
        };

        this.modal.showModal(ModalRouterComponent, options).then((res: string) => {
            console.log("modal-frame closed");
        });
    }

开发者ID:NativeScript，项目名称:nativescript-angular，代码行数:14，代码来源:basic.navigation.component.ts

注：本文中的nativescript-angular/directives/dialogs.ModalDialogService类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。