Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
AngularJS $digest() Function Example
Keywords : Angularjs $scope.$digest() function example, Angularjs $digest() central function example, Angularjs check dom element changes using $digest() function example, Use $digest() in angularjs
Example
<!DOCTYPE html> <html> <head> <title> AngularJs $digest() Function with Example </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script type="text/javascript"> var app = angular.module('digestApp', []); app.controller('digestCtrl', function ($scope) { $scope.currentDateTime = new Date(); $scope.updatedtime = function () { $scope.currentDateTime = new Date(); } //Added an event listener. var event = document.getElementById("btndigest"); event.addEventListener('click', function () { //get dateTime $scope.currentDateTime = new Date(); //The digest method is use to update date time forcefully. $scope.$digest(); }); }); </script> </head> <body> <div ng-app="digestApp" ng-controller="digestCtrl"> <h2>AngularJS $digest() Function Example</h2> <input type="button" value="Click to Update DateTime" ng-click="updatedtime()" /> <input type="button" value="Click to Update DateTime forcefully." id="btndigest" /> <br /><br /> <span style="color : Red">Current Date Time: {{currentDateTime | date:'yyyy-MM-dd HH:mm:ss'}}</span> </div> </body> </html>
Click Here to See Result
Result
Previous
Next