Modal window in angular 8+

 Modal window in angular 8+

HTML

           

<button class="btn btn-info btn-sm mr-2" (click)="termsConds(termsConditions)">
                        Modal Window</button>

     <ng-template #termsConditions let-modal>
                    <div class="modal-header">
                        <h4 class="modal-title">Modal Title</h4>
                        <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <h1>Terms Conditions</h1>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success"
                            (click)="modal.close('Accept click')">Accept</button>
                    </div>
                </ng-template>

TS

import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

  termsConds(termsConditions) {
    this.modalService.open(termsConditions, { size: 'xl' });
  }