Lightweight Implementation Of Modal Dialogs for Angular

NG-Modal is a lightweight implementation of modal dialogs for Angular. It includes the theme of Bootstrap and works with Bootstrap styles/patterns.

bootstrap modal popup in angular stackblitz, angular bootstrap modal stackblitz, ng bootstrap modal, angular bootstrap modal popup example, open modal on button click angular

How to make use of it:

Installation

$ npm install @independer/ng-modal --save

Usage

import { ModalModule } from '@independer/ng-modal';
...

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...,

    // Import this module in order to use the "modal" component and ModalService
    ModalModule
  ],
  providers: [
    ...
  ],
  bootstrap: [
    ...
  ],
  entryComponents: [
    // Add here modal components that you want to open using ModalService
  ]
})
export class AppModule { }

bootstrap 4 compatible modal for angular, ng-modal Plugin/Github, angular modal popup example, angular open bootstrap modal from component