TypeScript angular2-modal.Modal类代码示例

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

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

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

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

示例1: prompt

export function prompt(modal: Modal) {
    return modal.prompt()
        .size('lg')
        .title('A simple Prompt style modal window')
        .body(`
            <h4>Prompt is a classic (title/body/footer) 1 button modal window that 
            blocks.</h4>
            <b>Configuration:</b>
            <ul>
                <li>Blocks (only button click can dismiss)</li>
                <li>Size large</li>
                <li>Keyboard can not dismiss</li>
                <li>HTML content</li>
            </ul>`);
}

开发者ID:NicolasCayet，项目名称:angular2-modal，代码行数:15，代码来源:presets.ts

示例2: alert

export function alert(modal: Modal) {
    return modal.alert()
        .size('lg')
        .title('A simple Alert style modal window')
        .body(`
        <h4>Alert is a classic (title/body/footer) 1 button modal window that 
        does not block.</h4>
        <b>Configuration:</b>
        <ul>
            <li>Non blocking (click anywhere outside to dismiss)</li>
            <li>Size large</li>
            <li>Dismissed with default keyboard key (ESC)</li>
            <li>Close wth button click</li>
            <li>HTML content</li>
        </ul>`);
}

开发者ID:NicolasCayet，项目名称:angular2-modal，代码行数:16，代码来源:presets.ts

示例3: confirm

export function confirm(modal: Modal) {
    return modal.confirm()
        .size('lg')
        .titleHtml(`
            <div class="modal-title" 
                 style="font-size: 22px; color: grey; text-decoration: underline;">
                 A simple Confirm style modal window</div>`)
        .body(`
            <h4>Confirm is a classic (title/body/footer) 2 button modal window that blocks.</h4>
            <b>Configuration:</b>
            <ul>
                <li>Blocks (only button click can close/dismiss)</li>
                <li>Size large</li>
                <li>Keyboard can not dismiss</li>
                <li>HTML Title</li>
                <li>HTML content</li>
            </ul>`);
}

开发者ID:NicolasCayet，项目名称:angular2-modal，代码行数:18，代码来源:presets.ts

示例4: cascading

export function cascading(modal: Modal) {
    let presets = [];

    presets.push(alert(modal));
    presets.push(prompt(modal));
    presets.push(confirm(modal));
    presets.push(
        modal.prompt()
            .size('sm')
            .title('Cascading modals!')
            .body('Find your way out...')
    );

    return {
        open: () => {
            let ret = presets.shift().open();
            while (presets.length > 0) presets.shift().open();
            return ret;
        }
    };
}

开发者ID:NicolasCayet，项目名称:angular2-modal，代码行数:21，代码来源:presets.ts

示例5: inElement

export function inElement(modal: Modal) {
    return modal.prompt()
        .size('sm')
        .title('A modal contained by an element')
        .body('Try stacking up more modals!');
}

开发者ID:NicolasCayet，项目名称:angular2-modal，代码行数:6，代码来源:presets.ts

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