Как кодировать / декодировать URL с помощью AngularJS?
Кодировать URL
Учитывая URL-адрес, и задача состоит в том, чтобы закодировать URL-адрес в AngularJS.
Подход: подход заключается в использовании метода encodeURIComponent () для кодирования URL-адреса. В первом примере кодируется URL (https://ide.geeksforgeeks.org/tryit.php), а во втором примере кодируется URL (https://www.geeksforgeeks.org) .
Example 1:
<!DOCTYPE HTML> < html > < head > < script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js" > </ script > < script > var myApp = angular.module("app", []); myApp.controller("controller", function ($scope) { $scope.url1 = $scope.url2 = ""; $scope.encodeUrl = function () { $scope.url2 = encodeURIComponent($scope.url1); } }); </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > How to encode URL in AngularJS </ p > < div ng-app = "app" > < div ng-controller = "controller" > URL = "{{url1}}"< br >< br > < button ng-click = "encodeUrl()" > Click here</ button > < br >< br > Encoded URL = "{{url2}}" </ div > </ div > </ body > </ html > |
Выход:
Example 2:
<!DOCTYPE HTML> < html > < head > < script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js" > </ script > < script > 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); } }); </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > How to encode URL in AngularJS </ p > < div ng-app = "app" > < div ng-controller = "controller" > URL = "{{url1}}"< br >< br > < button ng-click = "encodeUrl()" > Click here </ button > < br >< br > Encoded URL = "{{url2}}" </ div > </ div > </ body > </ html > |
Выход:
Расшифровать URL
Учитывая закодированный URL-адрес, и задача состоит в том, чтобы декодировать закодированный URL-адрес с помощью AngularJS.
Подход: подход заключается в использовании метода decodeURIComponent () для декодирования URL-адреса. В первом примере URL-адрес ('https% 3A% 2F% 2Fide.geeksforgeeks.org% 2Ftryit.php') декодируется, а во втором примере URL-адрес ('https% 3A% 2F% 2Fwww.geeksforgeeks.org') является расшифровано.
Example 1:
<!DOCTYPE HTML> < html > < head > < script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js" > </ script > < script > 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); } }); </ script > </ head > < body style = "text-align: center;" > < h1 style = "color: green;" > GeeksForGeeks </ h1 > < p > How to decode URL in AngularJS </ p > < div ng-app = "app" > < div ng-controller = "controller" > URL = "{{url1}}"< br >< br > < button ng-click = "decodeUrl()" > Click here </ button > < br >< br > Decoded URL = "{{url2}}" </ div > </ div > </ body > </ html > |
Выход:
Example 2:
<!DOCTYPE HTML> < html > < head > < script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js" > </ script > < script > 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); } }); </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > How to decode URL in AngularJS </ p > < div ng-app = "app" > < div ng-controller = "controller" > URL = "{{url1}}"< br >< br > < button ng-click = "decodeUrl()" > Click here </ button > < br >< br > Decoded URL = "{{url2}}" </ div > </ div > </ body > </ html > |
Выход: