src/lib/cells/copy-to-clipboard-cell/copy-to-clipboard-cell.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | td[rxap-copy-to-clipboard-cell] |
| imports |
NgIf
CopyToClipboardComponent
|
| styleUrls | ./copy-to-clipboard-cell.component.scss |
| templateUrl | ./copy-to-clipboard-cell.component.html |
Inputs |
| rxap-copy-to-clipboard-cell | |
Type : any
|
|
import {
ChangeDetectionStrategy,
Component,
Input,
} from '@angular/core';
import { CopyToClipboardComponent } from '@rxap/components';
import { NgIf } from '@angular/common';
@Component({
// eslint-disable-next-line @angular-eslint/component-selector
selector: 'td[rxap-copy-to-clipboard-cell]',
templateUrl: './copy-to-clipboard-cell.component.html',
styleUrls: ['./copy-to-clipboard-cell.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [NgIf, CopyToClipboardComponent]
})
export class CopyToClipboardCellComponent {
@Input('rxap-copy-to-clipboard-cell')
public value: any;
}
<rxap-copy-to-clipboard *ngIf="value !== null && value !== undefined && value !== ''" [value]="value"
class="copy-to-clipboard"></rxap-copy-to-clipboard>
<ng-content></ng-content>
./copy-to-clipboard-cell.component.scss
::ng-deep .copy-to-clipboard {
.content {
max-width: 160px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}