Angularjs - Events in Hindi




Angularjs में इवेंट निर्देश का एक सेट है, जिसका उपयोग कस्टम व्यवहार सेट करने के लिए किया जाता है और AngularJS में ऐसी performance जोड़ने की क्षमता होती है जो हर तरह की घटनाओं को नियंत्रित रख सकती है

आम तौर पर, जबकि developing अनुप्रयोगों में हम विभिन्न प्रकार के HTML DOM इवेंट्स जैसे माउस क्लिक, कुंजी प्रेस, change इवेंट आदि का उपयोग करते हैं, इसी प्रकार angularjs में डोम इंटरैक्शन के लिए स्वयं के इवेंट निर्देश होते हैं

AngularJS उन ईवेंट की संख्या को प्रदान करता है जो HTML नियंत्रण से संबंधित हैं AngularJS में होने वाली events इस प्रकार हैं -

ng-blur, ng-change, ng-click, ng-copy, ng-cut, ng-dbl-click, ng-keydown, ng-mouseover, ng-mousemove, ng-mouseleave, ng-mouseenter, ng-mouseup, ng-mousedown, ng-keypress, ng-keyup.

Web पर आधारित अनुप्रयोग बनाते समय, जल्दी या बाद में आपके application को डोम ईवेंट्स जैसे माउस click, चाल, कीबोर्ड प्रेस, event आदि को बदलना होगा

उदाहरण के लिए, यदि पेज पर एक बटन है और बटन click किए जाने पर आप कुछ प्रक्रिया करना चाहते हैं, तो हम एनजी- click event directive का उपयोग कर सकते हैं कृप्या करके नीचे दिए गए उदाहरण को देखे -

Example Code

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<h1 ng-mousemove="count = count + 1">Mouse Clicke Over Me!</h1>

<h2>{{ count }}</h2>

</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.count = 0;
});
</script> 

</body>
</html>

Example Result

Mouse Clicke Over Me!

{{ count }}