离开并重新进入组件后，模态按钮不起作用

Question

我有一个带有按钮的模式，该按钮将一些字符串记录到控制台。此模态是在某个组件内部创建的，如果我留在同一组件中，它将按预期工作。

但是，如果我离开该组件，请转到另一个组件，然后返回到具有模式的组件并打开它，按钮将不再起作用。

Test.component.ts

private onCreateNewRequest() {
  $('#createNewRequestModal').appendTo("body").modal('toggle');
}

Modal.component.ts

private onCreateReturn() {
  $('.modal').modal('hide'); // hides all modals.
  console.log("Hello World!");
}

Modal.component.html

<button type="button" class="btn btn-primary" (click)="onCreateNewRequest()">Test</button>

因此，在我离开组件并返回它之后，模态的按钮将停止向控制台打印任何内容。我已经调试，看到它到达并执行了console.log，但没有任何输出...