Html Ng引导模式don'；t打开

从今天早上开始我就有这个问题，我解决不了，我尝试了很多方法，但是我无法打开它

在实践中，我必须实现一个测试按钮，打开一个带有标题和主体的模式，此外还必须有一个关闭和分离按钮。

HTML

的这一部分工作正常，我对它进行了测试，问题在于

TypeScript

部分

在open函数中有命令

constmodalref=this.modalService.open（NgbdModalContent）

这不能正常工作，事实上，如果不是使用

NgbdModalContent

而是使用字符串，那么理论上应该使用HTML的就是

NgbdModalContent

如果你有任何想法如何做到这一点将是非常高兴的，下面我给你有关的文件

PS.对这个世界来说是新的，尤其是关于

Angular2

和

TypeScript

，所以欢迎批评和评论（我知道我犯了一个很大的错误，对你来说可能是一个很小的错误）。多谢各位

打字稿

import { Component, Input } from '@angular/core';
import {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'post-ngb-modal-demo',
  templateUrl: './modal-demo.component.html',

})
export class NgbModalDemoComponent{
  constructor(private modalService: NgbModal) {}

  open() {
    const modalRef = this.modalService.open(NgbdModalContent);
  }
}


export class NgbdModalContent {
  @Input() name;

  constructor(public activeModal: NgbActiveModal) {}
}

HTML

你好！
&时代；
你好，世界

接近
启动演示模式

我认为您需要将动态创建的组件添加到app.module.ts中@NgModule内的entryComponents中

@NgModule({
    imports: [
        ....
        ...
    ],
    declarations: [
        NgbdModalContent,
        ...
    ],
    entryComponents: [NgbdModalContent],
    providers: [
        ....
    ]
})

@NgModule({
    imports: [
        ....
        ...
    ],
    declarations: [
        NgbdModalContent,
        ...
    ],
    entryComponents: [NgbdModalContent],
    providers: [
        ....
    ]
})