第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在 Angular 9 中實(shí)現(xiàn)后退按鈕

如何在 Angular 9 中實(shí)現(xiàn)后退按鈕

Go
慕桂英4014372 2023-08-21 15:06:37
我正在實(shí)現(xiàn)一個(gè)只有兩個(gè)用戶界面的小項(xiàng)目。1-第一個(gè) UI 稱為“主頁(yè)”,其中包含分頁(yè)的用戶列表the home component。2-第二個(gè) UI 稱為用戶詳細(xì)信息,其中包含用戶個(gè)人資料the user-details component3-當(dāng)然還有包含工具欄的應(yīng)用程序組件和router-outlet讓我們假設(shè)以下場(chǎng)景我在home用戶界面和分頁(yè)用戶列表的第二頁(yè)中,單擊其中一個(gè)用戶項(xiàng)目,然后user-details出現(xiàn)用戶界面,我現(xiàn)在位于第二個(gè)用戶界面,現(xiàn)在我想導(dǎo)航回主頁(yè),但是這樣做時(shí),homeUI 將被重新創(chuàng)建,并成為用戶列表的第一頁(yè),而不是我們留下的第二頁(yè),因?yàn)檫@是我的后退按鈕代碼<img  routerLink = "/home" style="cursor: pointer;"    width="40"    alt="Angular Logo" />  <span routerLink = "/home" style="cursor: pointer;">Users</span>我的問(wèn)題是:有沒(méi)有什么方法可以實(shí)現(xiàn)它,使其不會(huì)重新創(chuàng)建主頁(yè)并i.e.實(shí)現(xiàn)后退按鈕的正確行為?
查看完整描述

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),但這只是一些建議:)


查看完整回答
反對(duì) 回復(fù) 2023-08-21
  • 1 回答
  • 0 關(guān)注
  • 180 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)