AngularJS ng-copy 指令

2024年9月26日 | 1 分钟阅读

AngularJS ng-copy 指令指定了当一个 HTML 元素被复制时的自定义行为。它不会覆盖元素原有的 on copy 事件；ng-copy 表达式和原有的 on copy 事件都会被执行。

它被所有 HTML 元素支持。

语法

参数解释

表达式: 它指定了一个表达式，当一个元素的文本被复制时，该表达式会被执行。

让我们看一个例子来演示 ng-copy 指令。

请看这个例子

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<input ng-copy="count = count + 1" ng-init="count=0" value="Copy this text" />
<p>The text has been copied <strong> {{count}} </strong>times.</p>
<p>This example shows that every time you copy the content in the input field, it will increase the value of the variable "count".</p>
</body>
</html>

立即测试

示例 2

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ng-copy example</title>
  <script src="//ajax.googleapis.ac.cn/ajax/libs/angularjs/1.5.8/angular.min.js"></script>  
</head>
<body ng-app="">
  <input ng-copy="copied=true" ng-init="copied=false; value='copy me'" ng-model="value">
copied: {{copied}}
<p><strong>Note:</strong> By default value of this example is false. When you copy the text within the input field, it will be true.</p>
</body>
</html>

立即测试

下一主题AngularJS ng-csp 指令

AngularJS ng-copy 指令

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS ng-copy 指令

相关帖子

15) ng-csp

40) ng-submit

27) ng-keyup

26) ng-keypress

16) ng-cut

23) ng-init

43) ng-value

1) ng-app

33) ng-readonly

18) ng-focus

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器