如何使用 AngularJS 编码/解码 URL？

编码网址

给定一个 URL，任务是在 AngularJS 中对 URL 进行编码。

方法：方法是使用encodeURIComponent() 方法对 URL 进行编码。在第一个例子的PHP‘）进行编码并在第二示例中的URL（’https://www.geeksforgeeks.org”）进行编码。

示例 1：

html

 

    
    
     
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.url1 =
                'https://ide.geeksforgeeks.org/tryit.php';
            $scope.url2 = '';
            $scope.encodeUrl = function () {
                $scope.url2 = encodeURIComponent($scope.url1);
            }
        });
    

 

    
        GeeksForGeeks
    
     

        How to encode URL in AngularJS
    
 
    
        
            URL = '{{url1}}'
            
                Click here
            
            Encoded URL = '{{url2}}'
        
    

 

输出：

示例 2：

html

 

    
    
     
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.url1 = 'https://www.geeksforgeeks.org';
            $scope.url2 = '';
            $scope.encodeUrl = function () {
                $scope.url2 = encodeURIComponent($scope.url1);
            }
        });
    

 

    
        GeeksForGeeks
    
     

        How to encode URL in AngularJS
    
 
    
        
            URL = '{{url1}}'
            
                Click here
            
            
            Encoded URL = '{{url2}}'
        
    

 

输出：

解码网址

给定一个编码的 URL，任务是使用 AngularJS 解码编码的 URL。

方法：方法是使用decodeURIComponent() 方法对 URL 进行解码。在第一个例子的URL（’PHP’）进行解码，并且在第二示例中的URL（’ HTTPS％3A％2F％2Fwww.geeksforgeeks.org’）是解码。

示例 1：

html

 

    
    
 
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.url1 =
            'https%3A%2F%2Fide.geeksforgeeks.org%2Ftryit.php';
            $scope.url2 = '';
            $scope.decodeUrl = function () {
                $scope.url2 =
                    decodeURIComponent($scope.url1);
            }
        });
    

 

    
        GeeksForGeeks
    
     

        How to decode URL in AngularJS
    
 
    
        
            URL = '{{url1}}'
            
                Click here
            
            
            Decoded URL = '{{url2}}'
        
    

 

输出：

示例 2：

html

 

    
    
     
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.url1 =
                'https%3A%2F%2Fwww.geeksforgeeks.org';
            $scope.url2 = '';
            $scope.decodeUrl = function () {
                $scope.url2 = decodeURIComponent($scope.url1);
            }
        });
    

 

    
        GeeksForGeeks
    
     

        How to decode URL in AngularJS
    
 
    
        
            URL = '{{url1}}'
            
                Click here
            
            
            Decoded URL = '{{url2}}'
        
    

 
       

输出：