Вставка формы в модал с помощью ngx-bootstrap

Question

В настоящее время я выполняю некоторую внешнюю работу в приложении, использующем angular-cli, к которому я привык не всегда. Я закончил большую часть работы, но я пытаюсь получить форум, который в настоящее время загружается над столом, в модал.

В настоящее время он поступает из другого связанного компонента и загружается в верхней части HTML-файла следующим образом.

<app-data-edit *ngIf="editEnabled" (editComplete)="onFinish($event)" [dataSet]="dataToEdit"></app-data-edit>

Я загрузил ngx-bootstrap в проект и все настроил. Следуя их документации, в частности примеру компонента, я создал простую кнопку и открыл ее модально. Пока все хорошо, я могу сделать модальное всплывающее окно с основным содержанием в модальном теле. Тогда я попробовал что-то вроде этого:

@Component({
    selector: 'modal-content',
    template: `
      <div class="modal-header">
        <h4 class="modal-title pull-left">{{title}}</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="bsModalRef.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
         <app-data-edit *ngIf="editEnabled" (editComplete)="onFinish($event)" [dataSet]="dataToEdit"></app-data-edit>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" (click)="bsModalRef.hide()">Close</button>
       </div>'
})
export class ModalContentComponent {
  title: string;
  constructor(public bsModalRef: BsModalRef) {}
}

И это возвращается без результатов. Я что-то пропустил?