本文整理匯總了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;
}));
}