web-dev-qa-db-ja.com

angular 5でベースURLを取得する方法は？

現在のURLは http：// localhost：4200/test/dashboard です。

ベースURL、つまり http：// localhost：42 を使用して、angular 5つの機能を使用します。

angularangular5
14
him

console.log（location）;

console.log（location.href）;

ベースURLを取得するには：console.log(location.Origin);

6
him

angular固有の機能は必要ありません。window.location.Originがそれを行います。

13
bugs

PlatformLocationは、URLに関する詳細を提供します。

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

 constructor(platformLocation: PlatformLocation) {
  console.log((platformLocation as any).location);
  console.log((platformLocation as any).location.href);
  console.log((platformLocation as any).location.Origin);
}
9
foram kantaria

これは私には機能しません（Angular 7）：

this.location.path.name

しかし、ドキュメントから取得することが可能であることがわかりました。

import { Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';

constructor(@Inject(DOCUMENT) private document: Document) {
    const Origin = this.document.location.Origin;
}
2
Aviw

「common」パッケージから「Location」をインポートできます。

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common'; // <--- Here
import { Router } from '@angular/router';

@Component({
  selector: 'some-component',
  templateUrl: './component.html',
  styleUrls: ['./component.scss']
})
export class SomeComponent implements OnInit {

  constructor(location: Location) {}

  ngOnInit() {
        console.log(this.location.Origin);  // <--- Use Here
  }

}
2
Rotemya

試すことができます（現在の場所のすべての詳細を取得できます）

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';

@Component({
 selector: 'some-component',
 templateUrl: './component.html',
 styleUrls: ['./component.scss']
})

export class SomeComponent implements OnInit {

 constructor(location: Location) {}

    ngOnInit() {
        console.log(this.location._platformStrategy._platformLocation.location);  
    }
}
0
Ketan Akbari

私はRotemyaの回答をこのように使用しました

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

constructor(public location: Location) { }

しかし、this.location.Originはうまくいきませんでした。だから私はthis.location.path.nameを使用しました

 ngOnInit() {
        console.log(this.location.path.name);
  }
0
boyukbas