Beherrschen Sie $location in AngularJS vollständig

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Verwendung von $location in AngularJS vorgestellt. Ich hoffe, dass Sie diesen Teil des Inhalts besser verstehen können die Verwendung von $location in AngularJS.

Detaillierte Erklärung zur Verwendung von $location in AngularJS

1. Konfigurationskonfiguration

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

Hinweis: Die Konfiguration in config ist sehr wichtig. Ohne Konfiguration können Sie die Parameter in der URL nicht abrufen

2. Grundlegende Verwendung

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

Verwandte Empfehlungen:

Verwenden von Routing und $location zum Wechseln der Ansichten in angle_AngularJS

Nginx-Standortsyntaxkonfiguration, detaillierte Erläuterung der Bedeutung von Standort $ Standort Standortumleitung

Verwendung von JavaScript-Aktualisierungsseite location.reload()

Das obige ist der detaillierte Inhalt vonBeherrschen Sie $location in AngularJS vollständig. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!