ngx-clipboard Нет провайдера для Token DOCUMENT - PullRequest
0 голосов
/ 01 июня 2018

пытается использовать 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);
  }
}

1 Ответ

0 голосов
/ 01 июня 2018

попробуйте добавить ClipboardModule в объявлении приложения

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 {}
...