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

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>

但是，该页面会引发错误：

错误：目标应该是输入或文本区域

为什么 ngx-clipboard 没有将输入视为目标？

标签： angularinputngx-clipboard

Answer 1

文档暗示使用一个指令或另一个。我通过使用这两个指令让它工作。

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