ngx-clipboard 没有令牌文档的提供程序

Question

尝试使用ngx-clipboard v.7.0.6并在我的组件中使用ClipboardService并收到此错误：Promise rejection: No provider for Token DOCUMENT! ;

模块：

import {NgModule}                         from '@angular/core';
import {CommonModule}                     from '@angular/common';
import {BrowserModule}                    from '@angular/platform-browser';
import {RouterModule}                     from '@angular/router';
import {ReactiveFormsModule}              from '@angular/forms';
import {ClipboardModule}                  from 'ngx-clipboard';
import {ClipboardService}                 from 'ngx-clipboard/src';
@NgModule({
imports: [
CommonModule,
ClipboardModule,
BrowserModule,
RouterModule,
ReactiveFormsModule
],
declarations: [],
providers: [
ClipboardService
]
})
export class MyModule {}

元件：

import {Renderer} from '@angular/core';
import {ClipboardService} from 'ngx-clipboard/src';
@Component({
selector: 'app-my',
templateUrl: '../tmp.html',
styleUrls: ['../tmp.css']
})
export class MyComponent {
constructor(
private renderer: Renderer,
private clipboardService: ClipboardService
) {}
copy(text) {
this.clipboardService.copyFromContent(text, this.renderer);
}
}

Answer 1

安装 ngx 剪贴板版本 12.1.1。

将 package.json 中的版本从 x.x 替换为"ngx-clipboard"： "12.1.1">

参考 ： https://github.com/maxisam/ngx-clipboard/issues/190

Answer 2

尝试在应用的声明中添加剪贴板模块

import {NgModule}                         from '@angular/core';
import {CommonModule}                     from '@angular/common';
import {BrowserModule}                    from '@angular/platform-browser';
import {RouterModule}                     from '@angular/router';
import {ReactiveFormsModule}              from '@angular/forms';
import {ClipboardModule}                  from 'ngx-clipboard';
import {ClipboardService}                 from 'ngx-clipboard/src';
@NgModule({
imports: [
CommonModule,
ClipboardModule,
BrowserModule,
RouterModule,
ReactiveFormsModule
],
declarations: [ClipboardModule],
providers: [
ClipboardService
]
})
export class MyModule {}