Angularjs $location to get and change the current page Url_angularjs

Source: Internet
Author: User


Attention



This article gets and modifies the URL with the ' http://172.16.0.88:8100/#/homePage?id=10&a=100 ' path as an example:



I. How to obtain a URL (do not modify the URL):



1. Get the current full URL path


var absurl = $location. Absurl (); 


2. Gets the current URL path (the content after the current url#, including parameters and hash values):


 var url = $location. URL (); 
 


3. Gets the subpath of the current URL (that is, the content after the current url#, excluding parameters)


var pathurl = $location. Path () 


4. Get the protocol for the current URL (e.g. Http,https)


var protocol = $location. Protocol (); 


5. Get Host Name


var localhost = $location. Host (); 


6. Get the port of the current URL


var port = $location. Port (); 


7. Gets the hash value of the current URL


var hash = $location. Hash () 


8. The serialized JSON object that gets the parameter of the current URL


 var search = $location. Search (); 
 


Two. Modify the URL of the relevant methods (change the URL related content):



1 Modify the subpath portion of the URL (that is, the content after the current url#, excluding parameters):


 $location. URL ('/validation '); 


2 Modify the hash value portion of the URL


$location. Hash (' Myhash3 '); 


3 Modify the parameter portion of the URL (the first parameter represents the property name of the URL parameter, the second argument is the property value of the property name, or, if it is an existing property name, the new one)


$location. Search (' id ', ' a ') 
//result (modify parameter value): Http://172.16.0.88:8100/#/homePage?id=111&a=100 
 
$ Location.search (' IDs ', ' 111 ') 


4. Modify multiple parameters at once


$location. Search ({ID: ' $ ', ' a ': ' 66 '}) 


5. The first value represents the property name of the URL parameter and, if it is an existing property name, deletes the property, if it is not already a property, it is not changed

Third, modify the 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 modified URL, if you do not want this effect, but only to replace the current record, you can use$location.path('/validation').replace();



Summarize



The above is about ANGULARJS through the $location to get and change the current page URL of all the content, I hope this article on the content of everyone's study or work can bring certain help. If you have any questions, you can exchange messages.


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.