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>