Aurelia-Router：ルーターを使用してVMからルートパラメータとアドレスバーを変更する

Question

ルーティングなしでアドレスバーのurl-paramsを更新します。 しかし、ビューモデルからAurelia-routerでこれを行う方法がわかりません。

私の場合は、ビューモデルのactivateメソッドによって取得されるURLにIDを送信します。

ルートは次のようになります。 http://localhost:3000/#/test/products?0=2599037842&1=2599080552

それから私は、ビューモデルを再活性化することなく、URL からIDを削除できるようにしたい、URL結果exemple： http://localhost:3000/#/test/products?0=2599037842

うまくいけば、そこにありますAurelia-routerでこれをサポートします

ありがとう！ /マイク

Answer 1

はい、これはrouter.navigateToRoute()メソッドで行うことができます。 navigateToRouteには追加のパラメータがあります。 options（3番目）パラメータを使用して、ナビゲーションの実行方法を変更します。

例：

import {inject} from 'aurelia-framework'; 
import {Router} from 'aurelia-router'; 

@inject(Router) 
export class Products { 
    constructor(router) { 
     this.router = router; 
    } 

    activate(params) { 
     // TODO: Check your params here and do navigate according to values 

     this.router.navigateToRoute(
      this.router.currentInstruction.config.name, // current route name 
      { '0': params['0'] }, // route parameters object 
      { trigger: false, replace: true } // options 
     ); 
    } 
} 

documentation hubから：指定された経路とのparamsに対応する新たな位置へ

navigateToRoute(route: string, params?: any, options?: any): boolean

ナビゲートします。

PARAMS

• route: string - ナビゲーション位置を生成するときに使用するルートの名前。
• params?: any - ルートパターンを設定するときに使用するルートパラメータ。
• options?: any - ナビゲーションオプション。 optionsで

あなたはどのようにhistory is updatedを制御します。

• trigger: falseは -
• replace: trueをトリガするために、ルータのナビゲーションパイプラインを防止 - それはブラウザバック機能

でトリガされませんので、提供ルート（歴史を書き換え）との歴史の中で現在のURLを置き換えます