[LibComponent - ＆gt; BsModalService]

Question

我遇到了一个简单的...但是ModalModule的问题：

我正在使用： https://github.com/tinesoft/generator-ngx-library 在项目之间共享组件。

这里：

1）自由人的lib

2）在lib import ngx-bootstrap

中

3）在现有组件“LibComponent”上编写一些代码。实际上，我在ngxboot网站上复制/粘贴了模态的例子。

4）gulp build

5）尝试在库中执行已定义的演示。 （在demo文件夹中）。

我有这个错误：

  

错误错误：未捕获（在承诺中）：错误：   StaticInjectorError（AppModule）[LibComponent - ＆gt; BsModalService]：

请您提前获取任何建议......我有点迷失：D。

我做了所有正常的事情：

这是Lib模块的代码：

    @NgModule({
      imports: [
        CommonModule,
        FormsModule,
        ModalModule.forRoot(),
        ReactiveFormsModule,
        ButtonsModule.forRoot()
      ],
      exports: [LibComponent],
      declarations: [LibComponent]
    })
    export class LibModule {
      static forRoot(): ModuleWithProviders {
        return {
          ngModule: LibModule,
          providers: [LibService]
        };
      }
    }

这是组件的代码：

      import { Component, TemplateRef } from '@angular/core';
      import { BsModalService } from 'ngx-bootstrap/modal';
      import { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';

      @Component({
        selector: 'zca-component',
        templateUrl: './lib.component.html'
      })
      export class LibComponent {
        modalRef: BsModalRef;
        constructor(private modalService: BsModalService) { }

        openModal(template: TemplateRef<any>) {
          this.modalRef = this.modalService.show(template);
        }
      }