angular7 - Angular 7 でパラメーターを使用してルートを返す方法

Question

「個人」と「仕事」を切り替えるボタンを追加したAngular 7のシンプルなtodoリストアプリがあります。切り替える関数は次のとおりです。

  toggleShowPersonal(){
    if (this.showPersonal){
      this.showPersonal = false; 
    }
    else {
      this.showPersonal = true; 
    }
    this.refreshTodos(); 
  }

リストが表示されると、ユーザーは todo アイテムの編集または追加を選択できます。これにより、次のコマンドを使用して詳細ページに移動します。

this.router.navigate(['todos',id]);

「showPersonal」パラメーターを追加するようにルーティング コマンドを変更しようとしています。

this.router.navigate(['todos',id, this.showPersonal]);

変更を反映するためにルーティング モジュールを更新しました。

  { path: 'todos/:id,:showPersonal', component: TodoComponent, canActivate:[RouteGuardService]},  

ただし、この変更により、詳細ページには移動せず、代わりにデフォルトでログイン ページに移動します。

私は何を間違っていますか？