URLから複数のパラメータを抽出します。

Question

私は、TypeScriptを使用して簡単なAngular（バージョン4）アプリケーションを作成しています。

私はこのようになりますURLがあります。 www.example.com/api/1/countries/Italy/

をそして私は、このURLから1とItalyを取得し、変数に割り当てたいです。

私はこのようなActivatedRouteで試してみました：idとcountry私はURLから値を割り当てたい私のプライベート変数です

ngOnInit() { 
    this.router 
     .queryParams 
     .subscribe(params => { 
      this.id = +params['']; 
      this.country = +params['']; 
     }); 
} 

。しかし、私はどのように正確に進んで行くのかわかりません...

他に何が必要ですか？

Answer 1

URLの例では、クエリパラメータは使用しません。だから、ActivatedRouteから値を取得するためのコードは次のようになります。

this.id = this.route.snapshot.paramMap.get('id'); 
this.country = this.route.snapshot.paramMap.get('country'); 

このコードは、例えば、IDや国という名前のparamsを使用してルートを設定していることを前提としてい

{path: 'api/:id', component: CompA} 
    ... 
{path: 'countries/:country', component: CompB} 

Answer 2

あなたは文書を使用してURLにアクセスし、それを解析することができます。

component.ts

import { DOCUMENT } from '@angular/platform-browser'; 

    constructor(@Inject(DOCUMENT) document: any) { 
    console.log(document.location.href); 
    }