Angular Resource Encode and Decode URL

Today, We want to share with you Angular Resource Encode and Decode URL.
In this post we will show you AngularJs Encode and Decode URL example, hear for angular-url-encode – AngularJS Modules, Plugins and Directives we will give you demo and example for implement.
In this post, we will learn about angularjs – Angular Resource Encoding URL with an example.

Welcome to the In infinityknow.com website! You will Step By Step learn web programming, easy and very fun. This website allmost provides you with a complete web programming tutorial presented in an easy-to-follow manner. Each web programming tutorial has all the practical examples with web programming script and screenshots available.AngularJs Encode and Decode URL example

READ : Creating Angular 6 Hello World Application

AngularJs Encode URL

The encodeURI() javascript function encodes string a Uniform Resource Identifier (URI) in javascript.

Syntax

encodeURI(URI) //Encode url string

Example:

//Simple print high-low pair ok demo
console.log("message demo = "+encodeURI('\uD800\uDFFF')); // Encode data

Simple Note:

1st : escape(): It will not be encode string special char: @*/+   // specail
2nd : encodeURI(): It will not encode  string special char: [email protected]#$&*()=:/,;?+’ // specail
3rd : encodeURIComponent(): It will not encode  string special char : ~!*()’ // specail

Example :

	
var ngApp = angular.module('ngApp', []);
ngApp.filter('escape', function() { // used escape
  return window.encodeURIComponent; // in window print
});

File index.html

<a> URL Encode</a>

Example 2:

var sim_uri = "salesorder [email protected]&[email protected]";
var res_data = encodeURI(sim_uri);

Full Example Encode URL:



<title>JavaScript simple encodeURIComponent() Function with example</title>
<img src="images.jpg" />
<img src="testimg.png" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />

  

<div>  

<div>  
<button>Click Encode URL</button>

pageurl1 = {{pageurl1}}
salesorderurl2 = {{salesorderurl2}}
</div>

 
</div>

AngularJs Decode URL

The decodeURI() javascript function decodes a string Uniform Resource Identifier (URI) in javascript.

READ : Angularjs Table Rows Dynamically Example

Syntax

decodeURI(encodedURI) //Decode url

Example Final :

// base string
https://infinityknow.com/fetch-http-request-headers-php/

// encoded string
http%3A%2F%2Finfinityknow.com%2Ffetch-http-request-headers-php%2F

Full Example Decode URL:


<title>JavaScript Simple decodeURIComponent() Function with Example</title>
 <img src="image/gif" />
 <img src="image/gif" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />

  
<div>  

<div>  
    <button>Click Decode URL</button>
	
	<b>BASICURL </b> = {{basicurl}}
	<b>customsalesorderurl2 </b> = {{customsalesorderurl2}}
</div>
</div>

Angular Resource Encode and Decode URL