角度2：模态打开事件

Question

在我的Angular 2应用程序中，我正在使用modal component：

<div bsModal #addRecordModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog ">
  <div class="modal-header">
  </div>
  <div class="modal-body" style="min-height: 270px;">
      <app-my-test [modal]="addRecordModal"></app-edit-record>
  </div>
  ...

在模态体中，有 MyTestComponent ，其中包含ModalDirective：

@Component({...})
export class MyTestComponent implements OnInit, OnDestroy {
    @Input() modal: ModalDirective;
    ...

我想知道是否有可能以某种方式检测MyTestComponent中的模态打开事件？

Answer 1

您可以声明$ as，然后您就可以访问此处提到的所有这些事件https://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp 在shown.bs.modal函数中，您可以将this.modalShown设置为true，它将使用@Input传递给您的子组件。您可以使用ngonchanges监听子组件中此输入的更改。希望这可以帮助您。