Ng-Bootstrap открытая модель дочернего компонента

Question

У меня есть компонент нижнего колонтитула, который содержит некоторые условия мод ng-bootstrap. Я использую компонент нижнего колонтитула и на других страницах. Есть ли способ, которым я могу открыть модальное от моего родителя (скажем, домашний компонент)? Вот что я попробовал:

home.component.html:

<a (click)="open(terms)">terms &amp; conditions</a>

home.component.ts:

open(content) {
  this.modalService.open(content).result.then((result) => {
  }, (reason) => {
  });
}

footer.component.html:

<ng-template #terms let-c="close" let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Terms &amp; Conditions</h4>
    <button (click)="d('Cross click')" type="button" class="close" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    Test
  </div>
  <div class="modal-footer">
    Test
  </div>
</ng-template>

Я попробовал это, но ничего не открывается, и при этом я не получаю ошибку. Любая помощь будет оценена!