Get unlimited public & private packages + team-based management with npm Teams.Learn more »

a4-overlay

8.0.0 • Public • Published

a4-overlay

Angular 7 Overlay

How-To

Install

npm install a4-overlay

app.module.ts

  1. Add OverlayModule to imports of the app.module.ts.
 
...
import { OverlayModule } from 'a4-overlay';
...
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    ...,
    OverlayModule,
    ...
  ],
  ...
})

app.component.ts

  1. Add viewContainerRef: ViewContainerRef to the constructor of app.component.ts.
...
import { ViewContainerRef } from '@angular/core';
...
 
constructor(private viewContainerRefViewContainerRef) { }

your.component.ts

  1. Add overlayService: OverlayService to the constructor of your component.
constructor(private overlayServiceOverlayService) { }
  1. Invoking the overlay mask can be done by using the service as shown below.
this.overlayService.show(); // to show an overlay over the page
this.overlayService.hide(); // to hide the overlay

Install

npm i a4-overlay

DownloadsWeekly Downloads

16

Version

8.0.0

License

MIT

Unpacked Size

94.8 kB

Total Files

26

Last publish

Collaborators

  • avatar