All you have to do is showĮrror event is called because the text is already selected. The good news is that clipboard.js gracefully degrades if you need to support older browsers. Supported by all browsers while the second one is supported in the following browsers. You can still access the clipboard.js eventįor a live demonstration, just open your console :) Browser Support Ngclipboard provides you two attributes called ngclipboard-success and ngclipboard-error to listen the clipboard events and implement your custom logic. That's why we fire custom events such as success and error for you to listen and implement your custom logic. There are cases where you'd like to show some user feedback or capture what has been selected after a copy/cut operation. The value you include on this attribute needs to match another's element selector.
You can do that by adding a data-clipboard-target attribute in your trigger element. Copy text from another elementĪ pretty common use case is to copy content from another element. We're living a declarative renaissance, that's why we decided to take advantage of HTML5 data attributes for better usability.
Setupįirst, include angularjs and clipboard.js into your document.Īdd ngclipboard dependency to your module var myApp = angular.module('app', ) įinally, add ngclipboarddirective to the wanted html element. If you're not into package management, just download a ZIP file. Ngclipboard - Angularjs directive for clipboard.js ngclipboard Angularjs directive for clipboard.js A modern approach to copy text to clipboard without using flash
0 kommentar(er)
