angular2のエンコードされたURLからクエリパラメータを取得する方法は？

Question

URLは以下のようなものであるならば、私はクエリパラメータを取得することができています：

http://localhost:4200/member/0?members=1&facility=1&field=name&criteria=contains&string=black

ブラウザがで$、=と?をコードする場合、私はクエリパラメータを取得することはできませんよURLの上、

エンコードされたURLは次のようになります。

http://localhost:4200/ccm/member/0/search/submitted%3Fmembers%3D1%26facility%3D1%26field%3Dname%26criteria%3Dcontains%26string%3Dblack

以下は、私がクエリパラメータを取得しようとしたコードの一部です（URLがエンコードされていない場合に正常に動作しますが、ブラウザはURLをエンコードしたときに失敗しました）。

this._activatedRoute.snapshot.queryParams; 

---

this._activatedRoute.queryParams.subscribe(value=> { 
    console.log('here'); 
    console.log(value); 
}); 

私は角バージョン2.3.1とルータのバージョンを使用しています。これは、uはURLからパラメータを取得する方法の例である3.3.1

Answer 1

です。

http://localhost:4200/products?order=popular

その後、コードは次のようになります：：

import { ActivatedRoute } from '@angular/router'; 
import 'rxjs/add/operator/filter'; 

@Component({ ... }) 
export class ProductComponent implements OnInit { 
    order: string; 
    constructor(private route: ActivatedRoute) { } 

    ngOnInit() { 
    this.route.queryParams 
     .filter(params => params.order) 
     .subscribe(params => { 
     console.log(params); // {order: "popular"} 

     this.order = params.order; 
     console.log(this.order); // popular 
     }); 
    } 
}