NgbConfirmationModal

Installation

npm install ngb-confirmation-modal

import { NgbConfirmationModalModule } from 'ngb-confirmation-modal';

  imports: [
    NgbConfirmationModalModule,
  ],

Basic usage

<ngb-confirmation-modal (closeResult)="onConfirmationModalResult($event)" [openModalFlag]="openConfirmationModal">

  <ng-template ngbConfirmationModalHeader>
    Modal header
  </ng-template>

  <ng-template ngbConfirmationModalBody>
    Modal body
  </ng-template>

</ngb-confirmation-modal>

Input

Input	Type	Default value
[confirmButtonColor]	text	primary
[confirmButtonText]	text	Confirm
[cancelButtonColor]	text	secondary
[cancelButtonText]	text	Cancel
[openModalFlag]	boolean	false

• confirmButtonColor: Bootstrap color of confirmation button.
• confirmButtonText: Confirmation button text.
• cancelButtonColor: Bootstrap color of cancel button.
• cancelButtonText: Cancel button text.
• openModalFlag: If you set to true modal will open.

Available colors:

• primary
• warning
• secondary
• danger
• success
• info
• dark
• light
• muted
• white

---

Output

Output	Returned type
(closeResult)	boolean

• Confirm button click: returned value: true
• Cancel button click: returned value: false

---

Templates

Modal header

• confirmationModalHeader (default value: Confirmation)

<ngb-confirmation-modal>

  <ng-template ngbConfirmationModalHeader>
    Confirmation about user delete
  </ng-template>

</ngb-confirmation-modal>

Modal body

• confirmationModalBody (default value: Are you sure?)

<ngb-confirmation-modal>

  <ng-template ngbConfirmationModalBody>
    Are you sure you want to delete a user?
  </ng-template>

</ngb-confirmation-modal>