angular - 类型 'copy' 上不存在属性 'Clipboard'

Question

我正在尝试在单击按钮时复制文本。我尝试遵循 Angular 的文档 (https://material.angular.io/cdk/clipboard/overview#programmatically-copy-a-string)，但我的终端在编译时给了我以下错误:

Property 'copy' does not exist on type 'Clipboard'

这是我的 .ts 文件:

export class myComponent implements OnInit {
  constructor(private clipboard: Clipboard) {}
  ngOnInit(): void {}

  copyTest() {
    this.clipboard.copy("test"); // Property 'copy' does not exist on type 'Clipboard'.
  }
}

这是我的 .html 文件:

<button [cdkCopyToClipboard]="copyTest()">Click to copy</button>

这是我的 app.module.ts 文件:

import { ClipboardModule } from "@angular/cdk/clipboard";

@NgModule({
  declarations: [
    AppComponent,
    myComponent,
  ],
  imports: [
    ClipboardModule,
  ]
})

任何想法为什么会发生此错误？

Answer 1

您一定错过了剪贴板的正确导入。

尝试将:import { Clipboard } from '@angular/cdk/clipboard'; 添加到您的 .ts 文件以及您的 app.module.ts。

还有一个界面剪贴板，您的 IDE 可能会接受它作为有效的 TS。