2017-12-01 22 views
-1

私は?edit=のクエリ値を取得し、その値をルーターリンクに追加したいと考えました。URLリフレッシュはページの更新後にのみ変更されます

editのparam値を取得できました。

editの値がtrueからfalseに変更された場合、ページを更新しない限り、ルータのリンクが更新されません。

は、あなたが一時間値であるqueryParamsのスナップショットを、使用

ngOnInit() { 
 
    this.urlValue = this.activatedRoute.snapshot.queryParams["edit"]; 
 
}
<li> 
 
    <a class="production_model_col" (click)="showCollapse()" [routerLink]="['/flow/PFSession']" [queryParams]="{edit: urlValue}"> 
 
    <span class="collapse_border"></span> 
 
</li>

+0

私は、その変更が更新されていないそのクエリのparamsのそのスナップショット、ためだと思います。問合せパラメータがどのようにtrueおよびfalseに変更されているかを明確にする必要があります。 – KHAN

+0

ユーザがビューメニューをクリックすると 'View 'と' edit'という2つのメニューが表示されます。?edit = "false" 'editがクリックされた場合と同じ方法で' 'edit =" true "'がPFセッションに追加されます – arunkumar

答えて

0

を助けてください。あなたはこのような観察可能queryParamsに加入する必要があります。

this.activatedRoute.queryParams.pluck('edit').subscribe(value => this.urlValue = value); 
+0

'編集=%5Bobject%20Object%5D'オブジェクトのみがURLに追加されています – arunkumar

+0

' pluck'を使いましたか? –

+0

'queryParams'はオブジェクト' Params'のObservableなので、 'key:value'です。誤ってオブジェクトにバインドした場合、' value ['edit'] 'ではなくオブジェクトになります。 URLに –

関連する問題