Angular 角度2使用包装器扩展NPM组件Ngx模态

我试图在Angular 2中局部扩展现有的工作组件。我没有得到任何关于问题所在的有用指示，没有错误等

因此，我修改了一个现有的plunker（），它有一个ngx模式工作的示例

（我正在尝试正确使用这项技术，所以它是否是ngx模式并不重要，只是碰巧我发现了一个很好的工具。）

我添加了一个新组件，扩展了另一个…
ngx模态组件.ts

等等

@NgModule({
  imports: [ BrowserModule,ModalModule ],
  declarations: [ App, NgxModalComponent ],
  exports: [ NgxModalComponent ],
  bootstrap: [ App ]
})

在这之后，普朗克就不会跑了

1。模态/模态模块 您的

NgxModalComponent

应该导入并扩展

Modal

，而不是

ModalModule

：

export class NgxModalComponent extends Modal {

2.模板语法错误 您忘记关闭

应用程序模板中的
标记，应该是：

3.普朗克
我不知道如何正确引用plunker中导入的文件，所以我将您的组件移动到单个文件中

这是一个工作
是的，我已经剪切并粘贴了ModalModule，需要使用“Modal”。好极了，我都瞎了！对于额外的一点，任何人都可以了解为什么在这里的示例中isOpened属性没有更改…@PaulThomas可能是因为您正在打开一个
modal
（
（单击）=“myModal.open（）”
），而不是
ext ngx modal
）。所以你的
ext-ngx模式
确实被打开了（并且总是说
false
）。是的，当我把处理程序放在我的ext模式上时，它会抛出错误。现在，我已经为这个问题创建了一个单独的案例。
import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {ModalModule} from "ngx-modal";
import {NgxModalComponent} from "ngx-modal.component"

@Component({

@NgModule({
  imports: [ BrowserModule,ModalModule ],
  declarations: [ App, NgxModalComponent ],
  exports: [ NgxModalComponent ],
  bootstrap: [ App ]
})

export class NgxModalComponent extends Modal {