AngularJS ng-paste Directive

实例

将文本粘贴到输入字段时执行表达式:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. <input ng-paste="count = count + 1" ng-init="count=0" value="Paste text here!">
  6. <p>文本已经被粘贴 {{count}} 次</p>
  7. <p>此示例将在每次将文本粘贴到输入字段时增加变量 "count" 的值。</p>
  8. </body>
  9. </html>

定义与用法

ng-paste 指令告诉 AngularJS 当文本被粘贴到 HTML 元素中时该做什么。

AngularJS ng-paste 的指令不会覆盖元素的原始 onpaste 事件,两者都将被执行。


语法

  1. <element ng-paste="expression"></element>

由 <input>、<select> 和 <textarea> 以及其他可编辑元素支持


参数值

描述
expression将文本粘贴到元素中时要执行的表达式

分类导航