AngularJS ng-paste 指令

  • 定义和用法

    ng-paste 指令告诉 AngularJS 将文本粘贴到 HTML 元素时该怎么做。
    AngularJSng-paste 指令不会覆盖元素的原始 onpaste 事件,两者都会被执行。
  • 语法

    <element ng-paste="expression"></element>
    
    仅由<input>,<select> 和 <textarea>元素或者其他可编辑的元素支持该指令
  • 参数

    参数 必需的 描述
    expression 将文本粘贴到元素中时要执行的表达式。
  • 示例

    下例演示了将文本粘贴到输入字段中时执行表达式:
    <!DOCTYPE html>
     <html lang="en">
     <head>
     <meta charset="UTF-8">
     <title>欢迎来到蝴蝶教程</title>
     <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
     </head>
     <body ng-app="">
           <input ng-paste="count = count + 1" ng-init="count=0" value="粘贴文本到这里!" />
           <p>文本已粘贴 {{ count }} 次。</p> 
           <p>每次将文本粘贴到输入字段中时,此示例都会增加变量“count”的值。</p> 
     </body>
     </html>
    
    尝试一下