Angularjs kullanarak bir inputun veya bir alanın içerisindeki herhangi bir yazıyı kopyaladığımızda, kestiğimizde ve yapıştırdığımızda bu olayları izleyebilir ve bu olaylar sonucunda bir fonksiyon tetikleyebiliriz. Bunları da ng-copy, ng-cut ve ng-paste direktiflerini kullanrak yaparız.
İşlem çok basit, ng-copy taginin içerisine yazılan ifade metin kopyalandığında, ng-cut‘ın içerisine yazılan ifade metin kesildiğinde, ng-paste‘in içerisine yazılan ifade de metin yapıştırıldığında tetiklenir. Önemli nokta bu ng’lerin sadece inputlarda değil herhangi bir alandaki mesela div içerisindeki gibi yazılarda da geçerli olmasıdır.
<html lang="en">
<head>
<script src="~/Scripts/angular.js"></script>
<script>
var module = angular.module("MyModule", []);
module.controller("MyController", function ($scope) {
$scope.deger = "herhangi bir etkilesim yok";
$scope.kopyalandi = function () {
$scope.deger = "textboxtan yazi koypalandi";
}
$scope.kesildi = function () {
$scope.deger = "textboxtan yazi kesildi";
}
$scope.yapistirildi = function () {
$scope.deger = "textboxa yazi yapisitirildi";
}
});
</script>
</head>
<body ng-app="MyModule" ng-controller="MyController">
<input type="text" ng-cut="kesildi()" ng-paste="yapistirildi()" ng-copy="kopyalandi()" />
<br/>
<br/>
<div ng-copy="kopyalandi()">
Div örnek yazı....
</div>
<br/>
Div içerisindeki yazı : {{deger}}
</body>
</html>