AngularJS angular.isElement() Function
The angular.isElement() Function in AngularJS is used to determine if the parameter inside isElement function is a HTML DOM element or not. It returns true if the reference is a DOM element or else false.
Syntax:
angular.isElement(value)
Parameter:
- value: It is used to validate whether the passed argument is an HTML DOM element or not.
Return Value: It returns a boolean value, i.e, returns true if the value passed is an HTML DOM element or else returns false.
Example: This example illustrates the use of the angular.isElement() Function in AngularJS.
HTML
<!DOCTYPE html> <html> <head> <script src= "//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> </script> <title>angular.isElement()</title> </head> <body ng-app="testApp" style="text-align:center"> <h1 style="color:green"> GeeksforGeeks </h1> <h2>angular.isElement()</h2> <div ng-controller="geek"><br> <b>Input1:</b> <code> {'destroy': true, 'create': false} </code> <br> <b>isElement:</b> {{ isElement1 }} <br><br><br> <b>Input2:</b> <code> window.getElementByID('myButton') </code> <br> <b>isElement:</b> {{ isElement2 }} <br><br> <button id="myButton"> Button</button> </div> <script> var app = angular.module('testApp', []); app.controller('geek', function($scope) { $scope.obj1 = { 'destroy': true, 'create': false }; $scope.obj2 = document.getElementById('myButton'); $scope.isElement1 = angular.isElement($scope.obj1); $scope.isElement2 = angular.isElement($scope.obj2); }); </script> </body> </html> |
Output:
Example 2: This is another example that describes the angular.isElement() Function in AngularJS, by checking both the input values whether it is HTML DOM element or not.
HTML
<!DOCTYPE html> <html> <head> <script src= "//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> </script> <title> angular.isElement() </title> </head> <body ng-app="testApp" style="text-align:center"> <h1 style="color:green">GeeksforGeeks</h1> <h2>angular.isElement()</h2> <div ng-controller="geek"><br> <b>Input1:</b> <code> ["DSA", "Algo", "Web Tech"] </code><br> <b>isElement:</b> {{ isElement1 }} <br><br><br> <b>Input2:</b> <code> window.getElementByID('myDiv') </code><br> <b>isElement:</b> {{ isElement2 }} <br><br> <div id="myDiv">Div element</div> </div> <script> var app = angular.module('testApp', []); app.controller('geek', function($scope) { $scope.obj1 = ["DSA", "Algo", "Web Tech"]; $scope.obj2 = document.getElementsByClassName('division'); $scope.isElement1 = angular.isElement($scope.obj1); $scope.isElement2 = angular.isElement($scope.obj2); }); </script> </body> </html> |
Output:
Please Login to comment...