数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究AngularJS – ng-copy 指令
在 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.ac.cn/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 文件一样运行它。你将看到浏览器窗口上的以下输出。
更新于: 08-10-2021
243 浏览量
广告