Maîtriser complètement $location dans AngularJS

Cet article présente principalement des informations pertinentes sur l'utilisation détaillée de $location dans AngularJS. J'espère que grâce à cet article, vous pourrez maîtriser cette partie du contenu. J'espère que tout le monde pourra mieux comprendre. l'utilisation de $location dans AngularJS.

Explication détaillée de la façon d'utiliser $location dans AngularJS

1. Configuration de configuration

app.config([ '$locationProvider', function($locationProvider) { 
$locationProvider.html5Mode({ 
     //设置为html5Mode(模式)，当为false时为Hashbang模式 
enabled : true, 
     //是否需要加入base标签，这里设置为false，设置为true时，需在html的head配置<base href="" />标签 
requireBase : false 
}); 
} ]);

Remarque : La configuration dans config est très importante. Sans configuration, vous ne pouvez pas obtenir les paramètres dans l'url

2. Utilisation de base

url：http://127.0.0.1:7001/liuxu/pages/main.html?name=5 
1.获取绝对路径 
$location.absUrl();  
//url：http://127.0.0.1:7001/liuxu/pages/main.html?name=5 
2.获取主机 
$location.host(); 
http://127.0.0.1 
3.获取端口号 
$location.port(); 
//7001 
4.获取文本传输协议 
$location.protocol(); 
http 
5. 获取url参数 
$location.search().name或者$location.search()['name'] 
//5 
6.获取url 
$location.url() 
//:/liuxu/pages/main.html?name=5

Recommandations associées :

Utilisation du routage et de $location pour changer de vue dans angulaire_AngularJS

Configuration de la syntaxe de localisation Nginx, explication détaillée de la signification de location $location redirection de localisation

Utilisation de la page d'actualisation JavaScript location.reload()

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!