Question

在我的启动应用程序中遇到另一个问题。

我安装了ng-bootstrap组件，以更轻松地访问与引导程序相关的组件，而无需使用jquery。

这是我的app.module.ts

中的内容

...
import {NgbModule} from "@ng-bootstrap/ng-bootstrap";
...
@NgModule({
    HttpClientModule,
    NgbModule,
    ToastyModule,
    SharedModule.forRoot(),
    BrowserModule,
    BackendModule
...

在后端模块中

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {BackendRoutingModule} from './backend-routing.module';
import {MainComponent} from "./main/main.component";
import {SharedModule} from "../shared/shared.module";
import {HttpClientModule} from "@angular/common/http";
import {TestComponent} from './test/test.component';
import {NgbModalModule, NgbModule, NgbTabset, NgbTabsetModule} from "@ng-bootstrap/ng-bootstrap";
import {ToastyModule} from "ng2-toasty";


@NgModule({
  declarations: [
    MainComponent,
    TestComponent
  ],
  providers: [
  ],
  imports: [
    CommonModule,
    NgbTabsetModule,
    NgbModalModule,
    BackendRoutingModule,
    SharedModule.forRoot(),
    ToastyModule,
    HttpClientModule
  ]
})
export class BackendModule {
}

在组件中，我想开始打开一个模式以创建一个条目：

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

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss']
})
export class TestComponent implements OnInit {

  closeResult: string;

  /**
   *
   * @param modalService
   */
  constructor(private modalService: NgbModal) {
  }

}

但是在这里，我得到以下错误消息：

错误：无法解析TestComponent的所有参数：（？）。

我按照以下步骤进行了整合

https://ng-bootstrap.github.io/#/components/modal/examples

但是我无法正常工作。我想念什么？

我正在使用最新的angular 8和cli应用程序。作为包装经理，我依靠的是纱线。

服务NgbModal未知

0 个答案: