如何在页面加载时执行AngularJS控制器函数？

任务是使用AngularJS在页面加载时执行/调用JS函数。此函数可用于执行初始化。

在AngularJS中调用函数或在页面加载时初始化单个值非常容易。 AngularJS为我们提供了专用于此特定任务的指令。这是ng-init指令。
句法：

 Contents... 

示例1：在此示例中，我们将调用一个函数以在页面加载时初始化变量。

    
    

  

  
    
    
  
        
        {{gfg}}
    

  

    var myApp = angular.module('myApp', []);
    myApp.controller('MyController', ['$scope', function($scope) {
  
        // Function to be called on page load
        $scope.firstFunction = function($scope) {
  
            // We need $scope argument as we are
            // altering the variables defined in
            // the $scope
            $scope.gfg = "GeeksForGeeks"
        }
    }]);

输出：该函数在页面加载时调用，变量gfg的值设置为GeeksForGeeks。

示例2：在本示例中，我们将为变量gfg分配一个对象并使用它。

    
    

  

  
    
    
  
        
        {{gfg.name}}
        {{gfg.location}}
    

  

    var myApp = angular.module('myApp', []);
    myApp.controller('MyController', ['$scope', function($scope) {
  
        // Function to be called on page load
        $scope.firstFunction = function($scope) {
  
            // We need $scope argument as we are
            // altering the variables defined in
            // the $scope
  
            // Assigning an object to the gfg variable
            $scope.gfg = {
                name: "GeeksForGeeks",
                location: "India"
            }
        }
    }]);

  

输出：变量“ gfg”已成功初始化。

示例3：在本示例中，我们将直接从ng-init指令初始化变量。

    
    

  

  
    
    
        {{gfg}}
    

  

    var myApp = angular.module('myApp', []);
    myApp.controller('MyController', ['$scope', function($scope) {
  
    }]);

  

输出：在页面加载时，变量gfg被分配了值“ GeeksForGeeks”。