Angular 7: как я могу получить полный URL-адрес текущей страницы

Как я могу получить полный текущий URL-адрес в angular 7 без использования window.location.href?

Например, предположим, что мой текущий 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, заключается в том, что это вызывает проблемы с рендерингом в нг-инструментарий/универсальный.

Я попытался следовать этому решению, которое, похоже, является той же проблемой, что и я, а также обновлено.

Как получить доменное имя для сервиса в 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);
}

Купить это дает ошибку во время компиляции

ERROR in ./src/app/factory/windowProvider.js 5:20 Module parse failed: Unexpected token (5:20) You may need an appropriate loader to handle this file type. | export const WINDOW = new InjectionToken('window'); |

const windowProvider: FactoryProvider = { | provide: WINDOW, | useFactory: () => window ℹ ｢wdm｣: Failed to compile.

Может кто-нибудь, пожалуйста, скажите, как я могу решить эту проблему. Спасибо,

• Как получить базовый URL-адрес в angular 5?

• Как получить текущий URL-адрес в браузере в Angular 2 с помощью TypeScript?

• Как получить текущий маршрут

Еще ссылки, по которым я перешел: