Angular 2-如何在角度垫上给出复制选项

Question

我正在使用matTooltip在Angular中显示工具提示。我面临两个问题-

1）我想在matTooltip上提供复制选项以复制工具提示文本。怎么给。

2）我的第二个问题是，由于工具提示文本太大或太长，因此工具提示文本没有完全显示出来，它的末尾用三个点包裹（例如“ Thisistooltip ...”）。

请指导是否有人遇到同样的问题。

Answer 1

1-复制文本

您可以使用 ngxClipboard 进行复制...

<a 
   ngxClipboard
   (click)="copyToClipboard()"
   [cbContent]="textYouNeedToCopy" />
</a>

此外，您还需要在app.module.ts中添加 FormsModule && ClipboardModule ：

import { FormsModule } from '../../node_modules/@angular/forms';
import { ClipboardModule } from 'ngx-clipboard';

也将其添加到导入中...

2-显示全文

我没有遇到这个问题，但是我发现一个git问题可能有用： https://github.com/angular/material2/issues/3531

它明确地将css提供给工具提示，这是css

.mat-tooltip {
    max-width: 50px;
    /* or */
    /* width: 50px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}