使用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) {}
}

它返回没有结果。 我想念什么吗？