What
is ng-dbl-click directive? Why we use it?
The ng-dbl-click directives
are used to define an angular double click event and its functioning performs
like the ng-click i.e.
If you want to add and fire a double
click event on HTML button that time we need to use these events.
When you double click on button in
the below example, the ngDblClick function get called.
As you can see in the below
controller function "AddName" get called after button double clicked.
<button
ng-dblclick="AddName()">Display
for ngDbClick</button>
The example as,
//The AngularJs code sample var app = angular.module('myApp', []); app.controller('ngClickCtrl', function ($scope) { $scope.firstName = "Anil"; $scope.lastName = "Singh"; $scope.IsActive = false; $scope.AddName = function () { $scope.IsActive = true; }; }); //The Full live demo (HTML+Angular) code sample <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>What is ng-dbl-click directive? Why we use it?</title> <script src="https://code.angularjs.org/1.4.1/angular.js"></script> <script> var app = angular.module('myApp', []); app.controller('ngClickCtrl', function ($scope) { $scope.firstName = "Anil"; $scope.lastName = "Singh"; $scope.IsActive = false; $scope.AddName = function () { $scope.IsActive = true; }; }); </script> </head> <body ng-app="myApp"> <h3>What is ngClick directive? Why we use it?</h3> <div ng-controller="ngClickCtrl"> <div> First Name: <input type="text" ng-model="firstName"> Last Name: <input type="text" ng-model="lastName"> <div ng-show="IsActive"> <h3>Full Name: {{firstName + " " + lastName}} </h3></div> </div> <div> <button ng-dblclick="AddName()">Display for ngDbClick</button> </div> </div> </body> </html>The live output as,
About Blogger
|
Hey! I am Anil Singh. I am Active Blogger, Writer and Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
|
0 comments:
Post a Comment