Angular's helium-barbell (v9.0.0-next.1) release introduces a new CDK clipboard module. The post covers how to import ClipboardModule, use the cdkCopyToClipboard directive on any HTML element for user-triggered copying, and use the Clipboard service for programmatic clipboard access via the copy() method. It also explains the internal implementation using PendingCopy, which creates a hidden textarea and uses execCommand('copy') under the hood.
Table of contents
Import the ClipboardModuleUsing the cdkCopyToClipboard attributeUsing the Clipboard servicePlaygroundImplementation details8 Impressions