在bootstrap模式上发送对象关闭

Question

在我的角度6项目中，我有一个bootstrap模式，我想在关闭时将一个对象传递给模态容器组件！如何在按钮点击时执行此操作？

  <button (click)="activeModal.close()">Ok</button>

Answer 1

创建一个变量myObj: Object;;

然后<button (click)="activeModal.close(); myObj = someObj">Ok</button>

或者，如果更复杂，你可以试试

<button (click)="activeModal.close(); onClose()">Ok</button>

然后创建一个onClose（）方法。

Answer 2

你应该听模态事件来达到这个目的，Bootstrap JS Modal Reference就是你所需要的。

这是“hidden.bs.modal”事件的javascript示例：

<script>
$(document).ready(function(){
  $("#myBtn").click(function(){
    $("#myModal").modal("show");
  });
  //you should use this part
  $("#myModal").on('hidden.bs.modal', function(){ 
    alert('The modal is now hidden.');
  });
});
</script>

当模态关闭时会触发警报，因此这意味着您可以调用函数将对象推送到模态内容中。希望能帮助到你。