弹出式关闭按钮在 angular6 中不起作用？

Question

我在这里附上了我的弹出框代码。这里的关闭按钮不起作用。我对 angular 完全陌生 6. 谁能帮我解决这个问题？

<!-- 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

试试这个：

 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);

弹出式关闭按钮在 angular6 中不起作用？

Popup close button is not working in angular6?

html

popup

typescript

angular

angular6