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

编码网址

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

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

范例1：

  

    
    
      
    
        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：

  

    
    
      
    
        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：

  

    
    
  
    
        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：

  

    
    
      
    
        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}}'
        
    

  
        

输出：