1 回答

TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個(gè)贊
有幾種方法可以解決這個(gè)問(wèn)題。
如果您使用分頁(yè)庫(kù)(例如 ngx-pagination),那么希望分頁(yè)組件接受當(dāng)前頁(yè)面的輸入。然后,您需要通過(guò)服務(wù)或持久存儲(chǔ)來(lái)跟蹤該頁(yè)面。每當(dāng)您返回主 UI 時(shí),獲取您所在的頁(yè)面并將其加載回分頁(yè)組件。
另一種方法是使用路由器參數(shù)。通過(guò)稍微修改您的網(wǎng)址,它們可以采用以下形式:
/home/1
/home/2
/home/3
點(diǎn)擊第2頁(yè)中的用戶可以給出url:(/home/2/user-id
只是一個(gè)例子)
您的主頁(yè)組件的路徑可能如下所示:
const routes: Routes = [
{ path: "home/:pageNumber", component: HomeComponent }
];
加載 home 組件后,您可以獲取 router 參數(shù),如下所示(我使用的是 Router 方法,但您也可以手動(dòng)解析 URL):
export class HomeComponent implements OnInit {
constructor(private router: Router) {
const pageNumber = this.router.navigationExtras.params['pageNumber'];
}
}
然后,您可以將此頁(yè)碼加載到分頁(yè)組件中。使用此方法不需要您跟蹤以前的頁(yè)面。
可能有更好的方法可以做到這一點(diǎn),但這只是一些建議:)
- 1 回答
- 0 關(guān)注
- 180 瀏覽
添加回答
舉報(bào)