angularjs ng-paste 不更新模型值

Question

我在文本区域中粘贴链接时使用了 ng-paste ，我正在调用一个自定义函数来存储该值。请引用以下代码

<textarea rows="1" ng-model="myObj.content"
              ng-paste="getContent(myObj)">
 </textarea>

$scope.getContent = function(a){
    console.log(a.content);
}

但在控制台中我总是得到未定义值。我如何获得我的对象值？

Answer 1

将模型传递给函数实际上没有意义，因为您已经指定了 ng-model，因此当用户在文本框中键入内容时，它的值将会更新。如果您想跟踪更改，可以为您的模型设置 $watch 或使用 ng-change 指定函数。

如果你想知道用户粘贴了什么，那就是另一个故事了。处理 ng-paste 可能很棘手。要访问实际事件，最简单的方法是在 angularjs 之前包含 jQuery，然后执行以下操作:以下:

HTML 模板

<textarea rows="3"
          placeholder="copy/paste here..."
          ng-init="content = null"
          ng-model="content" 
          ng-paste="paste($event.originalEvent)">
</textarea>

Controller

$scope.paste = function (event) {
  var item = event.clipboardData.items[0];
  item.getAsString(function (data) {
    console.log(data);
  });
};

相关的plunker在这里http://plnkr.co/edit/ea5y5j

<小时/>