Question

我在Angular 5中有一个相当基本的反应形式，带有以下ngx-clipboard标记：

<form [formGroup]="shareForm">
    <mat-form-field>
        <input matInput formControlName="shareUrl" 
          placeholder="Click to copy URL" readonly="true" 
          [ngxClipboard]="currentUrl" (cbOnSuccess)="onClipboardCopy()">
    </mat-form-field>
</form>

但是，该页面会抛出错误：

错误：目标应该是输入或textarea

为什么ngx-clipboard看不到输入作为目标？

Answer 1

The docs意味着使用一个指令或另一个指令。我通过使用这两个指令使它工作。

<input matInput formControlName="shareUrl"
  placeholder="Click to copy URL"
  readonly="true"
  ngxClipboard [cbContent]="currentUrl" (cbOnSuccess)="onClipboardCopy()">
       ^--- here    ^--- and here

为什么ngxClipboard抱怨需要输入元素？

1 个答案: