1

我在 ModalModule 中遇到了一个简单但令人讨厌的问题：

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

这里：

1) 约曼库

2) 在库中导入 ngx-bootstrap

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

4) 吞吐构建

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

我有这个错误：

错误错误：未捕获（承诺）：错误：StaticInjectorError（AppModule）[LibComponent -> 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);
        }
      }
4

0 回答 0