自存angular 复制功能 使用angular material design Clipboard cdk

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

实例化

  constructor(private clipboard: Clipboard) {}

使用

参考angular clipboard cdk

html：

              <button mat-button class="withdraw-btn" (click)="copyCode()">
                <mat-icon inline>flip_to_front</mat-icon>
                点击复制口令
              </button>

ts ：

  copyCode() {
    const id = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
      /[xy]/g,
      function (c) {
        var r = (Math.random() * 16) | 0,
          v = c == "x" ? r : (r & 0x3) | 0x8;
        return v.toString(16);
      }
    );
    this.clipboard.copy(id);
    alert(`Id "${id}" is generated and copied to the clipboard`);
  }
  copy(value) {
    return `${value}\n\ncopied from timdeschryver.dev`;
  }