角度2リフレッシュ同じページ

Question

I持っボタン

編集して、プロジェクトのリストを表示し、削除成分I削除]をクリックした場合：

onDelete(projectName: string): void { 
    this.projectService.deleteProject(projectName); 

    this.router.navigate(['/projects']); 
} 

私のルータコンポーネント：

export const projectListRouters: Routes = [ 
{ 
    path: '', 
    children: [ 
     {path: '', component: URLComponent}, 
     {path: 'login', component: Login}, 
     {path: 'projects', canActivate: [AuthGuard], component: ProjectListComponent}, 

     {path: 'project/new/-', component: ProjectDetails, canActivate: [AuthGuard], data: {oparationType: 'new'}}, 

     // otherwise redirect to home 
     {path: '**', redirectTo: ''} 
    ], 
}, 

];

私の問題は、任意のヘルプ

、this.router.navigate（[ '/プロジェクト']）は、プロジェクトを削除した後、リストを更新しないことを おかげであり

Answer 1

私は同じページにリダイレクトしていると思います。その場合は、というプロジェクト名のリストが格納されているモデルというモデルを更新してください。

deleteProjectが非同期呼び出しの場合は、this.router.navigate（['/ projects']）;を設定します。を約束してください。それ以外の場合は、projectlistから要素を削除するだけです。

希望すると助かります！

Answer 2

ですコンポーネントをリフレッシュする方法です。ダミーコンポーネントを作成してリダイレクトし、/projectsにリダイレクトすることができます。

アイテムを削除した後、コンポーネントをロードするときと同じように、プロジェクトのリストを取得するためにバックエンドを呼び出す必要があります。

Answer 3

むしろ、サービスの購読でプロジェクトリストを読み込むことができます。

delete() { 

     this._service.delete(this.id). 
      subscribe(x=> { 
       // call your list here. 
       this.projectList(); 
       }, error => { 
       alert(error); 
      }); 
    }