Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 服务NgbModal不是未知的_Angular_Ng Bootstrap_Angular8 - Fatal编程技术网

Angular 服务NgbModal不是未知的

Angular 服务NgbModal不是未知的,angular,ng-bootstrap,angular8,Angular,Ng Bootstrap,Angular8,在我的启动应用程序中遇到另一个问题 我安装了ng引导组件,以便在不使用jquery的情况下更容易地访问与引导相关的组件 这是我的app.module.ts中的内容 ... import {NgbModule} from "@ng-bootstrap/ng-bootstrap"; ... @NgModule({ HttpClientModule, NgbModule, ToastyModule, SharedModule.forRoot(), Browser

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

我安装了ng引导组件,以便在不使用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:(?)的所有参数

我按照以下要求进行了整合:

但我不能让它工作。我错过了什么

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

我认为问题可能是您
导入{NgbModalModule,NgbModule,NgbTabset,NgbTabsetModule}
,保留为
导入{NgbModalModule,NgbTabset,NgbTabsetModule}
,或者导入所有模块
导入{NgbModule}
,并包含在导入中,代码的其余部分看起来像okHi谢谢你的帮助。它在不改变代码的情况下工作。真奇怪。不得不重新启动我的系统,然后一切都很顺利???????