AngularJS – ng-copy 指令
angularjsweb developmentfront end technology更新于 2026/1/7 0:52:17
AngularJS 中的 ng-copy 指令 用于指定在输入文本字段中复制文本时的任何自定义行为。我们可以使用此指令调用在从输入字段复制文本时触发的某些方法。所有类型的输入元素都支持此指令。
语法
<element ng-copy="expression">..content..</element>
示例 − ngCopy 指令
在 Angular 项目目录中创建文件"ngCopy.html"，并复制粘贴以下代码片段。
<!DOCTYPE html>
<html>
<head>
<title>ngCopy Directive</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<style>
.index {color: white; background-color: green;}
</style>
</head>
<body ng-app style="text-align: center;">
<h1 style="color: green;">
Welcome to Tutorials Point
</h1>
<h2>
AngularJS | ngCopy Directive
</h2>
<div ng-init="isCopy=false; copy='Copy this text!'">
<textarea ng-copy="isCopy=true" ng-model="copy"> </textarea>
<br />
<pre>Copied status: {{isCopy}}</pre>
</div>
</body>
</html>
输出
要运行上述代码，只需打开您的文件并将其作为普通 HTML 文件运行即可。您将在浏览器窗口中看到以下输出。
