1

我目前正在一个使用 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) {}
}

它回来没有结果。我错过了什么吗？

4

0 回答 0