angular-material-app documentation
  1. Classes
  2. PopoverRef

File

src/app/component/popover/popover.ref.ts

Index

Properties
Methods

Constructor

constructor(containerInstance: PopoverComponent, _overlayRef: OverlayRef)
Defined in src/app/component/popover/popover.ref.ts:17
Parameters :
Name Type Optional
containerInstance PopoverComponent No
_overlayRef OverlayRef No

Properties

Private Readonly _afterClosed
Default value : new Subject<void>()
Defined in src/app/component/popover/popover.ref.ts:16
Private Readonly _afterOpened
Default value : new Subject<void>()
Defined in src/app/component/popover/popover.ref.ts:15
Private Readonly _onAction
Default value : new Subject<void>()
Defined in src/app/component/popover/popover.ref.ts:17
containerInstance
Type : PopoverComponent
Defined in src/app/component/popover/popover.ref.ts:13
instance
Type : T
Defined in src/app/component/popover/popover.ref.ts:12

Methods

afterClosed
afterClosed()
Defined in src/app/component/popover/popover.ref.ts:30
Returns : Observable<void>
afterOpened
afterOpened()
Defined in src/app/component/popover/popover.ref.ts:26
Returns : Observable<void>
backdropClick
backdropClick()
Defined in src/app/component/popover/popover.ref.ts:43
Returns : Observable<MouseEvent>
dismissWithAction
dismissWithAction()
Defined in src/app/component/popover/popover.ref.ts:38
Returns : void
keydownEvents
keydownEvents()
Defined in src/app/component/popover/popover.ref.ts:47
Returns : Observable<KeyboardEvent>
onAction
onAction()
Defined in src/app/component/popover/popover.ref.ts:34
Returns : Observable<void> 
import { OverlayRef } from '@angular/cdk/overlay';
import { Observable, Subject } from 'rxjs';
import { PopoverComponent } from './popover.component';

export class PopoverRef<T> {
  instance: T;
  containerInstance: PopoverComponent;

  private readonly _afterOpened = new Subject<void>();
  private readonly _afterClosed = new Subject<void>();
  private readonly _onAction = new Subject<void>();

  constructor(
    containerInstance: PopoverComponent,
    private _overlayRef: OverlayRef
  ) {
    this.containerInstance = containerInstance;
  }

  afterOpened(): Observable<void> {
    return this._afterOpened.asObservable();
  }

  afterClosed(): Observable<void> {
    return this._afterClosed.asObservable();
  }

  onAction(): Observable<void> {
    return this._onAction.asObservable();
  }

  dismissWithAction(): void {
    this._afterClosed.next();
    this._afterClosed.complete();
  }

  backdropClick(): Observable<MouseEvent> {
    return this._overlayRef.backdropClick();
  }

  keydownEvents(): Observable<KeyboardEvent> {
    return this._overlayRef.keydownEvents();
  }
}

result-matching ""

    No results matching ""