StaticInjectorError（AppModule）[AppComponent-> DialogComponent]

Question

我正在尝试使用Kendo库创建一个可重用的对话框，但是这样做总是会出现以下错误。

  

错误：StaticInjectorError（AppModule）[AppComponent->   DialogComponent]：StaticInjectorError（平台：核心）[AppComponent->   DialogComponent]：NullInjectorError：DialogComponent没有提供程序！

这是我的组件文件

import { Component, OnInit } from '@angular/core';
import {  DialogService,
          DialogRef,
          DialogCloseResult } from '@progress/kendo-angular-dialog';

@Component({
  selector: 'app-dialog',
  templateUrl: './dialog.component.html',
  styleUrls: ['./dialog.component.css']
})
export class DialogComponent {

  constructor( private dialogService: DialogService ) {}

  public open() {
    const dialog = this.dialogService.open({
      title: 'Please confirm',
      content: 'Are you sure?',
      actions: [
        { text: 'No' },
        { text: 'Yes', primary: true }
      ]
    });

    dialog.result.subscribe((result) => {
      if (result instanceof DialogCloseResult) {
        console.log('close');
      } else {
        console.log('action', result);
      }
    });
}
}

我尝试了几件事，但是没有运气克服这个错误。

Stackblitz Code

Answer 1

在您的import { DialogService } from '@progress/kendo-angular-dialog';中添加app.module.ts

提供者数组中的DialogService和同一个文件中的

。

并在DialogComponent的导出数组中添加app.module.ts