Angular 7:如何获取当前页面的完整URL
Angular 7:如何获取当前页面的完整URL
提问于 2019-05-06 19:55:59
不使用window.location.href如何在angular 7中获得完整的当前URL？
例如，假设我当前的URL是http://localhost:8080/p/drinks?q=cold&price=200
如何获得完整的URL而不仅仅是/p/drinks?q=cold&price=200？
我尝试过使用this.router.url，这只给出了/p/drinks?q=cold&price=200，而不是完整的主机名。
我不想使用window.location.href的原因是它导致了在ng-toolkit/universal中呈现的问题
我试着遵循这个解决方案，它似乎和我有相同的问题，并且也更新了
How to get domain name for service in Angular2
下面是我的代码
windowProvider.js
import { InjectionToken, FactoryProvider } from '@angular/core';
export const WINDOW = new InjectionToken<Window>('window');
const windowProvider: FactoryProvider = {
provide: WINDOW,
useFactory: () => window
};
export const WINDOW_PROVIDERS = [
windowProvider
];在app.module.ts中
@NgModule({
.......
providers:[
.......
windowProvider
]
})在我的必填页面中：
import {WINDOW as WindowFactory} from '../../factory/windowProvider';
......
constructor(private router: Router, private helper: Helpers,
@Inject(WindowFactory) private windowFactory: any,
) {
console.warn('HELLO I M WINDOW FACTORY', this.windowFactory.location.hostname);
}这会在编译时给出错误
./src/app/
/windowProvider.js 5:20模块分析失败:意外令牌(5:20)您可能需要适当的加载器来处理此文件类型。export const WINDOW =新窗口(‘InjectionToken’)；
const window : FactoryProvider ={| windowProvider: WINDOW，| useFactory：() => windowℹ“wdm”：无法编译。
谁能告诉我怎么才能解决这个问题。谢谢,
- How to get base url in angular 5?
- How to get the current url in the browser in Angular 2 using TypeScript?
- How to get current route
更多我关注的链接：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56004723
复制相关文章
相似问题