Angular gets and modifies the current page URL by injecting $location

Tag:java   for    Hash    comment   hash    comm   form    using    mil   

below to get and modify the URL to   ( http://172.16.0.88:8100/#/homePage?id=10&a=100   )   For example

"One" gets (does not modify the URL)

[JavaScript]View PlainCopy

2. 1. Get the current full URL path
4. var absurl = $location. Absurl ();
6. http://172.16.0.88:8100/#/homePage?id=10&a=100
10. 2. Gets the current URL path (the contents after the current url#, including parameters and hashes):
12. var url = $location. URL ();
14. //Result:/homepage?id=10&a=100
20. //3. Gets the sub-path of the current URL (that is, the content after the current url#, excluding parameters)
22. var pathurl = $location. Path ()
24. Results:/homepage
30. 4. Get the protocol for the current URL (e.g. Http,https)
32. var protocol = $location. Protocol ();
34. Result: http
40. 5. Get Host Name
42. var localhost = $location. Host ();
44. Results: 172.16.0.88
50. 6. Get the port of the current URL
52. var port = $location. Port ();
54. Results: 8100
60. 7. Get the hash value of the current URL
62. var hash = $location. Hash ()
64. Results: http://172.16.088
70. //8. To get the serialized JSON object for the parameters of the current URL
72. var search = $location. Search ();
74. //Result: {ID: "Ten", A: " +"}

"Two" Changes (URL related content)

[JavaScript]View PlainCopy

2. 1 Modify the sub-path portion of the URL (that is, the contents after the current url#, excluding parameters):
4. $location. URL ('/validation ');
6. Results: Http://172.16.0.88:8100/#/validation
10. //2 Modifying the hash value portion of a URL
12. $location. Hash (' myhash3 ');
14. Results: HTTP://172.16.0.88:8100/#/HOMEPAGE?ID=10&A=100#MYHASH3
18. 3 Modify the parameter portion of the URL (the first parameter represents the property name of the URL parameter, the second parameter is the property value of the property name, and if it is an existing attribute name, the modification, if not an existing attribute, is added)
20. $location. Search (' id ',' 111 ')
22. Result (Modify parameter value): http://172.16.0.88:8100/#/homePage?id=111&a=100
26. $location. Search (' IDs ',' 111 ')
28. Result (new IDs parameter): http://172.16.0.88:8100/#/homePage?id=111&a=100&ids=111
32. 4. Modify multiple parameters at once
34. $location. Search ({id: ' + ',' a ':' "}")
36. Results: HTTP://172.16.0.88:8100/#/HOMEPAGE?ID=55&A=66#MYHASH3
40. //5. The first value represents the property name of the URL parameter, and if it is an existing property name, it is deleted if it is not an existing attribute.
42. $location. Search (' age ',null)

 

" three "modify URL but do not deposit history
            

In the above method of modifying the URL, each time the URL will be stored in the history, you can use the Back button to return to the pre-modified URL, if you do not want this effect, but simply replace the current record, you can use the $location. Path ('/validation '). Replace ();

Angular gets and modifies the current page URL by injecting $location