當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript overlay.OverlayRef類代碼示例

本文整理匯總了TypeScript中@angular/cdk/overlay.OverlayRef的典型用法代碼示例。如果您正苦於以下問題:TypeScript OverlayRef類的具體用法?TypeScript OverlayRef怎麽用?TypeScript OverlayRef使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。


在下文中一共展示了OverlayRef類的7個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: ngAfterViewInit

 ngAfterViewInit() {
   this._portal = new TemplatePortal(this._dialogTemplate, this._viewContainerRef);
   this._overlayRef = this._overlay.create({
     positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),
     hasBackdrop: true
   });
   this._overlayRef.backdropClick().subscribe(() => this._overlayRef.detach());
 }
開發者ID:Nodarii,項目名稱:material2,代碼行數:8,代碼來源:cdk-drag-drop-root-element-example.ts

示例2: createModal

 // Create component to ApplicationRef
 private createModal(): void {
   this.overlayRef = this.overlay.create();
   this.modalRef = this.overlayRef.attach(new ComponentPortal(NzModalComponent));
 }
開發者ID:,項目名稱:,代碼行數:5,代碼來源:

示例3: destroyModal

 destroyModal(): void {
   if (this.modalRef) {
     this.overlayRef.dispose();
     this.modalRef = null;
   }
 }
開發者ID:,項目名稱:,代碼行數:6,代碼來源:

示例4: close

 close() {
   this.overlayRef.dispose();
 }
開發者ID:loki2302,項目名稱:html5-experiment,代碼行數:3,代碼來源:hello.component.ts

示例5: close

 close(): void {
     this.overlayRef.dispose();
 }
開發者ID:Alfresco,項目名稱:alfresco-ng2-components,代碼行數:3,代碼來源:context-menu-overlay.ts

示例6: openDialog

 openDialog() {
   this._overlayRef.attach(this._portal);
 }
開發者ID:Nodarii,項目名稱:material2,代碼行數:3,代碼來源:cdk-drag-drop-root-element-example.ts

示例7: ngOnDestroy

 ngOnDestroy() {
   this._overlayRef.dispose();
 }
開發者ID:Nodarii,項目名稱:material2,代碼行數:3,代碼來源:cdk-drag-drop-root-element-example.ts


注:本文中的@angular/cdk/overlay.OverlayRef類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。