導航回到上一頁的特定部分-Angular Router

Question

我有2頁。 Page1和Page2。 第1頁和第2頁位於不同的組件中。

第1頁有2個部分。

在第二頁的第1部分，使用router.navigate（），導航到第二頁。

使用location.back（）從Page2中，我可以返回到Page1。

使用Location.back（）總是將我重定向到Page1的第一部分。 但是我想讓我重新回到Page1的第二部分。

Answer 1

我認為您正在尋找的是頁面錨，而Angular Router支持它，請參見： Angular2使用Hashtag路由到頁面錨，但是我不知道“ location.back（）”是否適用於該解決方案。 您必須對此進行測試，或者對router.navigate（）使用自定義的“后退”導航。

另外，您還有其他選擇：

• 您可以將Page 1分為兩個子組件，每個子組件一個，並具有自己的Route。 考慮一下您的應用程序設計是否更有意義。 這可能是最簡單的選項，在這種情況下location.back（）將起作用。

• 您可以使用可選的路由參數“ page1？section = 2”，並使用以下代碼在Page1組件內進行搜索：

剪斷：

constructor(private activatedRoute: ActivatedRoute) {
   this.activatedRoute.params.subscribe((params: Params) => {
      const section = params["section"];
   });    
}

然后，您可以根據部分常量在Page1組件內滾動視圖。 如果等於1，則滾動到第1部分；如果等於2，則滾動到第2部分。