AngularJS $窗口服务

$window 服务是指浏览器窗口对象。它在 JavaScript 中全局可用，因此会导致可测试性问题。在 AngularJS 中，它不是全局可用的。它包括各种方法，如警告框、提示框、确认框等。

现在让我们看看 Angular JS 中 $window 服务的实际实现：

1. $window.alert() 方法：该方法用于在窗口屏幕上显示警报消息。

HTML

  

    $window service
    
    

  

    Click on button to see the alert box
    
        
            Show Alert Box
        
    
  
    
        var app = angular.module('windowService', []);
        app.controller('windowServiceController',
            ['$scope', '$window',
                function ($scope, $window) {
                    $scope.message = "This is Alert Box";
                    $scope.alertBox = function () {
                        $window.alert($scope.message);
                    }
                }]);
    

  

输出：

2. $window.prompt() 方法：该方法用于在屏幕上显示提示信息。

HTML

  

    $window service
    
    

  

    Click on button to see the Prompt box
    
        
            Show Prompt Box
        
  
        {{fullname}}
    
  
    
        var app = angular.module('windowService', []);
        app.controller('windowServiceController',
            ['$scope', '$window',
                function ($scope, $window) {
  
                    $scope.promptBox = function () {
                        var name = $window.prompt('Enter Your Name');
                        $scope.fullname = 'Hello ' + name;
                    }
                }]);
    

  

输出：

3. $window.confirm() 方法：该方法用于在屏幕上显示一个确认框。

HTML

  

    $window service
    
    

  

    Click on button to see the Confirm box
    
        
            Show Confirm Box
        
  
        {{confirmMessage}}
    
  
    
        var app = angular.module('windowService', []);
        app.controller('windowServiceController',
            ['$scope', '$window',
                function ($scope, $window) {
  
                    $scope.confirmBox = function () {
                        var choice = $window.confirm("Are you sure ?")
                        if (choice == true)
                            $scope.confirmMessage = 'Welcome';
                        else
                            $scope.confirmMessage = 'Sorry';
                    }
                }]);
    

  

输出：