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 xx_src="https://cdn.staticfile.org/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 nhooo.com
      </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 文件运行即可。您将在浏览器窗口中看到以下输出。

<video "="" controls="" xx_src="https://www.nhooo.com/assets/questions/media/57441/3933391-1633690422.mp4">您的浏览器不支持 HTML5 视频。

基础教程