NgxPageInModal

This library will allow you to manage pages with modal style and modals navigation.

Installation

npm i --save ngx-page-in-modal

Examples

Basic

// your-component.module.ts
import { NgxPageInModalModule } from  'ngx-page-in-modal';

@NgModule({
  declarations: [ ... ],
  imports: [
    ...
    NgxPageInModalModule,
    ...
  ]
})

export class LimesurveyModule { }

<!-- your.component.html -->
<ngx-page-in-modal  #modal>
  <h1> Ciao, mondo! </h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Aenean fermentum lobortis orci, vitae hendrerit mauris viverra sed.
    Vestibulum laoreet odio sit amet felis posuere convallis.
    Praesent vitae molestie magna.
    In aliquet, sem non tincidunt rutrum, ipsum justo varius ex,
    nec porttitor augue leo vitae odio. Phasellus viverra id velit at convallis.
  </p>
  <button (click)="modal.close()" > Close modal </button>
</ngx-page-in-modal>

For API and more details, look at the source code