角度2の新しいルータ：クエリパラメータの変更/設定

Question

連絡先リストを表示する/contactsに登録されているコンポーネントがあります。表示されたリストをフィルタリングするために<input [value]="searchString">を追加しました。

---

今私は、クエリのParamの形式でURL内のsearchStringを表示したいと思います。

公式ドキュメント（https://angular.io/docs/ts/latest/guide/router.html#!#query-parameters）がqueryParamsを変更するためのrouter.navigateを使用する方法を示し（新しいルータの3.0.0 RC2を使用）。 router.navigate(['/contacts'], {queryParams:{foo:42}})

（私は、私はちょうどqueryParamsを変更していた場合、それはコンポーネントを再ロードしないことを知っている：私はちょうどで私は現在よどのルートを知ることなく、queryParamsを変更したいので、しかし、これは、厄介なようですそれでも、これは書く権利を感じていない）私はrouter.navigate([], {queryParams:{foo:42}})動作することを考え出したいくつかの試みの後

---

。これは良い感じです。

しかし、私はそれが正しい方法であるかどうかまだ分かりません。または、私はこれのためのいくつかの方法を逃した場合。

---

queryParamsをどのように変更しますか？

Answer 1

あなたはルータのクラス宣言に見た場合、あなたはそれを見つけることができます：

移動コマンドの提供アレイと出発点に基づきます。 開始ルートが指定されていない場合、ナビゲーションは絶対的です。

また、ナビゲーションが成功した場合には値で約束を返します。

navigate（コマンド：any []、extras ?: NavigationExtras）：Promise;

コマンド - ルータへのコマンドの配列。

エキストラ - あなたは、クエリのような追加のプロパティを指定するオプションのパラメータを使用すると、NavigationExtrasクラスに見ればあなただけでなく、ルータにクエリパラメータを指定することができることがわかります

パラメータだけでなく、以前のクエリパラメータなどを保存する設定しました。

私はこのような移動方法を使用する：空の配列は、位置が変化し、エクストラでないことを意味

this.router.navigate([], { 
     queryParams: objectWithProperties, 
     relativeTo: this.activeRoute 
    }); 

私はプロパティを持つオブジェクトを使ってクエリパラメータを定義します。このような何かにオブジェクト

角度解決します

siteBasePath/routerDirectory？ここでpropertyNameの= PropertyValueを

私は非常に有用であることが分かっより有用な情報と例を示します。http://vsavkin.tumblr.com/post/145672529346/angular-router

私は誰かがこれが役立つことを願っています。