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;
}