本文整理汇总了TypeScript中ng-zorro-antd.NzModalService.open方法的典型用法代码示例。如果您正苦于以下问题：TypeScript NzModalService.open方法的具体用法？TypeScript NzModalService.open怎么用？TypeScript NzModalService.open使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类ng-zorro-antd.NzModalService的用法示例。
在下文中一共展示了NzModalService.open方法的1个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: open
/**
* 打开对话框，默认会过滤一些事件的回调，因此更容易处理回调：
* this.modalHelper.open(FormEditComponent, { i }).subscribe(res => this.load());
*
* 对于组件的成功&关闭的处理说明：
* 成功：
* this.subject.destroy('onOk');
* 若需要回调用参数则：
* this.subject.next(data);
* this.subject.destroy();
*
* 关闭：
* this.subject.destroy();
*
* @param {*} comp 组件
* @param {*} [params] 组件参数
* @param {('sm' | 'lg' | '' | number)} [size='lg'] 大小；例如：lg、600，默认：lg
* @param {*} [options] 对话框ConfigInterface参数
*/
open(comp: any, params?: any, size: 'sm' | 'lg' | '' | number = 'lg', options?: any): Observable<any> {
let cls = '', width = '';
if (size) {
if (typeof size === 'number') {
width = `${size}px`;
} else {
cls = `modal-${size}`;
}
}
return this.modalSrv
.open(Object.assign({
wrapClassName: cls,
content: comp,
width: width ? width : undefined,
footer: false,
componentParams: params
}, options || {}))
.pipe(filter((res: any) => {
let findIdx = -1;
if (typeof res === 'string') {
const resStr = res as string;
findIdx = ['onShow', 'onShown', 'onHide', 'onHidden', 'onCancel', 'onDestroy'].findIndex(w => resStr.startsWith(w));
}
return findIdx === -1;
}));
}