Question

当前，我正在为三个不同的组件呈现与共享文件夹中完全相同的表结构。问题是，我在桌子上有后退按钮，每当我单击它时，它应该从其实际来源导航回组件视图。

假设：

componentA -> commonTblCompoent - click Back - go to componentA 
componentB -> commonTblCompoent - click Back - go to componentB 
componentC -> commonTblCompoent - click Back - go to componentC

现在，导航仅发生在componentA上。如何聪明地更改路由配置。

compoentA.ts

gotoCommonTbl {
    this.router.navigate(['cmnTable/commonTbl']);
}

compoentB.ts

gotoCommonTbl {
    this.router.navigate(['cmnTable/commonTbl']);
}

commonTbl.ts

gotocurrentComponent() {
//this.router.navigate(['componentA/comp-A']);

// this is supposed to be changed for proper navigation
}

有人可以告诉我如何重写和解决此问题吗？如有可能，请分享任何示例工作演示

谢谢

Answer 1

您可以考虑使用Location中的CommonTbl类，并将用户发回给他们来自哪里：

import { Location } from '@angular/common';

constructor(private location: Location) { }

gotocurrentComponent() {
  this.location.back();
}

https://stackblitz.com/edit/angular-yajvoj

Angular 6-可重用组件-路线导航

1 个答案: