Open In App
Related Articles

AngularJS angular.isUndefined() Function

Improve Article
Improve
Save Article
Save
Like Article
Like

The angular.isUndefined() function in AngularJS is used to determine the value inside isUndefined function is undefined or not. It returns true if the reference is undefined otherwise returns false. 

Syntax:

angular.isUndefined( value )

Parameter value:

  • value: It is used to reference the value to check whether the value is defined or undefined.

Return Value: It returns true if the value passed is undefined else returns false. 

Example 1: This example uses angular.isUndefined() function in AngularJS to determine the value inside the isUndefined function is undefined or not. 

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>angular.isUndefined() function</title>
    <script src=
"//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
    </script>
</head>
  
<body ng-app="app" style="text-align:center">
    <h1 style="color:green">GeeksforGeeks</h1>
    <h2>angular.isUndefined()</h2>
  
    <div ng-controller="isDefinedController">
        <b>Date:</b> {{date}}<br><br>
        {{isUndefined}}
        <br><br><br>
        <b>Date1:</b> {{date1}}<br><br>
        {{isUndefined1}}
    </div>
  
    <script>
        var app = angular.module("app", []);
        app.controller('isDefinedController',
            ['$scope', function ($scope) {
                $scope.date = new Date;
                $scope.date1;
  
                $scope.isUndefined = angular.isUndefined($scope.date)
                    == true ? "$scope.date is Undefined."
                    : "$scope.date is not Undefined.";
  
                $scope.isUndefined1 = angular.isUndefined($scope.date1)
                    == true ? "$scope.date1 is Undefined."
                    : "$scope.date1 is not Undefined.";
            }]);
    </script>
</body>
  
</html>


Output:

 

Example 2:  This example uses angular.isUndefined() function in AngularJS by verifying the defined & undefined values.

HTML




<!DOCTYPE html>
<html>
  
<head>
      <title>angular.isUndefined() function</title>
    <script src=
    </script>
    <style>
        body {
            text-align: center;
            font-family: 'Times New Roman', Times, serif;
        }
  
        h1 {
            color: green;
        }
    </style>
</head>
  
<body ng-app="App">
    <h1>GeeksforGeeks</h1>
    <h3>angular.isUndefined() Function</h3>
    <div ng-controller="geek">
        First value is {{displayVal1}}<br>
        Second value is {{displayVal2}}<br><br>
        <input type="button" 
               ng-click="Check()" 
               value="Check Value">
    </div>
    <script>
        var App = angular.module("App", []);
        App.controller("geek", function ($scope) {
            var val1 = "GeeksforGeeks";
            var val2;
            $scope.displayVal1 = '';
            $scope.displayVal2 = '';
            $scope.Check = function () {
                angular.isUndefined(val1)? $scope.displayVal1 = 
                'does not exist': $scope.displayVal1 = 'Exist';
                angular.isUndefined(val2)? $scope.displayVal2 = 
                'does not exist' : $scope.displayVal2 = 'Exist';
            }
        });
    </script>
</body>
</html>


Output:

 


Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 08 Nov, 2022
Like Article
Save Article
Previous
Next
Similar Reads
Complete Tutorials