Angular 使用ngx引导将表单插入模式

Angular 使用ngx引导将表单插入模式,angular,angular-cli,ngx-bootstrap,ngx-bootstrap-modal,Angular,Angular Cli,Ngx Bootstrap,Ngx Bootstrap Modal,我目前正在一个使用angular cli的应用程序中做一些前端工作,但我并不完全习惯使用angular cli。我已经完成了大部分工作,但我正在尝试让一个论坛当前加载到一个模式中 目前,它来自另一个链接组件,并加载在html文件的顶部,如下所示 <app-data-edit *ngIf="editEnabled" (editComplete)="onFinish($event)" [dataSet]="dataToEdit"></app-data-edit> 我创建了一

我目前正在一个使用angular cli的应用程序中做一些前端工作,但我并不完全习惯使用angular cli。我已经完成了大部分工作,但我正在尝试让一个论坛当前加载到一个模式中

目前,它来自另一个链接组件,并加载在html文件的顶部,如下所示

<app-data-edit *ngIf="editEnabled" (editComplete)="onFinish($event)" [dataSet]="dataToEdit"></app-data-edit>
我创建了一个简单的按钮,让它打开一个模式。到目前为止还不错,我可以在模态体中创建一个具有基本内容的模态弹出窗口。然后我试着这样做:

@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) {}
}
@组件({
选择器:'模式内容',
模板:`
{{title}}
&时代;
接近
'
})
导出类ModalContentComponent{
标题:字符串;
构造函数(公共bsModalRef:bsModalRef){}
}

它回来时没有结果。我遗漏了什么吗?

你说的
没有结果回来是什么意思?如果你在Plunkr:或StackBlitz:上复制了这个问题,这也会有很大帮助。我今天早上会创建它-我的意思是不买任何结果,因为当我尝试使用.ts文件中的应用程序数据编辑时,我没有从身体中得到任何东西。在第一次尝试时,应用程序看起来太多,无法正确地进入Plunkr-我很抱歉有问题削减它。问题的基础是,当我在HTML文件中放置该行时,它显示得很好。当我在组件的模板部分编写它时,我不确定我需要做什么,或者我缺少什么才能使它真正工作。当你说
返回时没有结果是什么意思?如果你在Plunkr:或StackBlitz:上复制了这个问题,这也会有很大帮助。我今天早上会创建它-我的意思是不买任何结果,因为当我尝试使用.ts文件中的应用程序数据编辑时,我没有从身体中得到任何东西。在第一次尝试时,应用程序看起来太多,无法正确地进入Plunkr-我很抱歉有问题削减它。问题的基础是,当我在HTML文件中放置该行时,它显示得很好。当我在组件的模板部分编写它时,我不确定我需要做什么,或者我缺少什么才能使它真正工作。