angular中是使用ngx-clipboard 11.1.9版本实现复制文本

在Angular中，使用`ngx-clipboard`库可以方便地实现在用户点击按钮时复制文本到剪贴板的功能。`ngx-clipboard`是一个基于HTML5 Clipboard API的轻量级组件，适用于Angular项目。如果你正在使用的是11.1.9版本，以下是安装和使用的步骤：

1. **安装**:
首先，通过npm或yarn添加依赖到你的项目中：

   npm install ngx-clipboard @types/clipboardjs --save
   # 或者
   yarn add ngx-clipboard @types/clipboardjs

2. **导入模块**:
在你的应用程序主模块(`app.module.ts`)中导入ClipboardModule：

   import { ClipboardModule } from 'ngx-clipboard';

   @NgModule({
     imports: [
       // ...
       ClipboardModule,
     ],
     // ...
   })
   export class AppModule { }

3. **使用组件**:
在需要复制功能的组件模板中，引入`ClipboardService`并使用`copyToClipboard`方法：

   <button (click)="copyText()">复制文本</button>

然后在相应的 TypeScript 代码 (`your-component.ts`) 中添加 `copyText` 方法：

   import { ClipboardService } from 'ngx-clipboard';

   constructor(private clipboard: ClipboardService) {}

   copyText() {
     const text = "你想复制的文本";
     this.clipboard.copy(text);
   }

4. **启用服务**:
如果你希望在整个应用中启用ClipboardService，可以在`AppRoutingModule`中添加一个指令，如`ClipboardEnabled`：

   import { Directive, ElementRef } from '@angular/core';
   import { ClipboardService } from 'ngx-clipboard';

   @Directive({
     selector: '[clipboard-enabled]',
   })
   export class ClipboardEnabledDirective {
     constructor(private clipboard: ClipboardService, private el: ElementRef) {
       this.clipboard.copyToClipboard(this.el.nativeElement.innerText);
     }
   }

然后在需要复制文本的地方加上`clipboard-enabled`指令。