Popup close button is not working in angular6?

Question

I have attached my popup box code here. The close button here is not working. Im totally new to angular 6. Can anyone help me with this?

<!-- Modal Header -->
<div class="modal-header">
  <h4 class="modal-title">selection</h4>
</div>
<form>
<!-- Modal body -->
<div class="modal-body">
    <h5>Enter value:</h5>
    <div class="form-group">
        <input name="Id" type="text" class="form-control shadow-sm" placeholder="Enter value">
    </div>
    <div class="form-group">
        <input name="name" type="text" class="form-control shadow-sm" placeholder="Enter name">
    </div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
    <button type="button" class="btn btn-cancel shadow-sm" data-dismiss="modal">CLOSE</button>
    <button type="submit" class="btn btn-submit shadow-sm">SUBMIT</button>
</div>

Answer 1

Try this:

 import { DataModalComponent } from './patient-modal/patient-modal.component';
    import { NgbModal, NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';


     let ngbModalOptions: NgbModalOptions = {
          backdrop : 'static',
          keyboard : false,
          size: "lg"
        }; 
        const modalRef = this.modalService.open(DataModalComponent ,ngbModalOptions);