Angular ngx剪贴板没有令牌文档的提供程序
试图在我的组件中使用Angular ngx剪贴板没有令牌文档的提供程序,angular,ngx-clipboard,Angular,Ngx Clipboard,试图在我的组件中使用ngx剪贴板v.7.0.6并使用ClipboardService,但出现以下错误:承诺拒绝:令牌文档没有提供程序 模块: import {NgModule} from '@angular/core'; import {CommonModule} from '@angular/common'; import {BrowserModule} from '@
ngx剪贴板v.7.0.6
并使用ClipboardService
,但出现以下错误:承诺拒绝:令牌文档没有提供程序代码>
模块:
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);
}
}
尝试在应用程序的声明中添加剪贴簿模块
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 {}
安装ngx剪贴板版本12.1.1
将package.json中的版本从x.x替换为“ngx剪贴板”:
“12.1.1”
参考:您使用的是Angular的哪个版本?您正在从模块和组件网的不同位置导入服务…@Und3rTow v2.4。0@Ric这只是糟糕的复制粘贴,但它不会影响错误