Angular 5:从URL获取主机名和应用程序名称

时间:2018-03-15 10:58:28

标签: javascript angular typescript angular5

我目前的网址是:

https://localhost:8080/MyApp/manager/dashboard

在上面的网址中,我只想获取https://localhost:8080/MyApp/部分内容。

有没有办法在没有硬编码的情况下获取它?

2 个答案:

答案 0 :(得分:3)

如果您只想获取域名和应用程序名称,请依赖路由器位置和窗口位置。

import { Location } from '@angular/common';

constructor(private loc: Location) {}

ngOnInit() {
  const angularRoute = this.loc.path();
  const url = window.location.href;

  const domainAndApp = url.replace(angularRoute, '');
}

答案 1 :(得分:0)

window.location 包含很多信息

假设网址是: https://example.com/a/b/c

window.location.hostname = example.com
window.location.host = example.com
window.location.protocol = https
window.location.pathname = /a/b/c
window.location.href     = https://example.com/a/b/c

您可以轻松地获得此信息