首頁猿問我如何在角度中找到先前路線的參數(shù)

我如何在角度中找到先前路線的參數(shù)

JavaScript

慕婉清6462132 2022-10-13 10:31:31

我想在 angular typescript 中找到先前路線中的參數(shù)。我使用此代碼：private previousUrl: string = undefined;private currentUrl: string = undefined;constructor(private router: Router) { this.currentUrl = this.router.url; router.events.subscribe(event => { if (event instanceof NavigationEnd) { this.previousUrl = event.url; this.currentUrl = this.currentUrl; } });}但我無法訪問此網(wǎng)址的參數(shù)：http://localhost:4200/claims-manager/200/edit我想要 ti 訪問200。我怎樣才能在 url 中找到參數(shù)？？？？

查看完整描述

3 回答

慕少森

TA貢獻2019條經(jīng)驗獲得超9個贊

您可以在組件文件中執(zhí)行此操作，但最佳實踐是在服務(wù)中執(zhí)行此操作（使用 rxjs）以傳遞數(shù)據(jù)并在組件文件中調(diào)用它

為您服務(wù)

export class myService {

constructor() { }

private param = new BehaviorSubject("");

sharedParam = this.param.asObservable();

paramToPass(param:string) {

this.param.next(param)}

}

在設(shè)置參數(shù)的組件類中

export class ComponentSetParam {

param: string

constructor(private myService: Service)

this.myService.setParam(this.param);

}

在你的appModule

@NgModule({

declarations: [YourComponents]

imports: [ AppRoutingModule, YourModules...],

providers: [ShareService],

})

export class AppModule {}

要傳遞數(shù)據(jù)的組件

export class ComponentGetParam {

paramFromService: string

constructor(private myService: Service) {

this.shareService.sharedData.subscribe(data : string => {

this.paramFromService = data;

})

}

反對回復(fù) 2022-10-13

紅顏莎娜

TA貢獻1842條經(jīng)驗獲得超13個贊

演示您可以在服務(wù)中進行

import { Injectable } from '@angular/core';

import { BehaviorSubject } from 'rxjs';

@Injectable()

export class ShareService {

constructor() { }

private paramSource = new BehaviorSubject("");

sharedData = this.paramSource.asObservable();

setParam(param:string) { this.paramSource.next(param)}

}

在構(gòu)造函數(shù)中

constructor(private shareService: ShareService)

在組件中ngOnDestroy設(shè)置這樣的 this.shareService.setParam(param);

在應(yīng)用模塊中

providers:[ShareService ]

在 ngOnInit 或構(gòu)造函數(shù)中的新組件中得到類似

this.shareService.sharedData.subscribe(data=> { console.log(data); })

反對回復(fù) 2022-10-13

料青山看我應(yīng)如是

TA貢獻1772條經(jīng)驗獲得超8個贊

嘗試這個：

readonly _destroy$: ReplaySubject<boolean> = new ReplaySubject<boolean>(1);

constructor(

private activatedRoute: ActivatedRoute,

) {

this.activatedRoute.parent.paramMap

.pipe(

distinctUntilChanged(),

takeUntil(this._destroy$)

)

.subscribe((params: ParamMap) => {

const id = params.get('id');

});

}

ngOnDestroy() {

this._destroy$.next(true);

this._destroy$.complete();

}

其中“id”是您在路由中使用的名稱，例如

path: '/claims-manager/:id/'

反對回復(fù) 2022-10-13

3 回答
0 關(guān)注
113 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

我如何在角度中找到先前路線的參數(shù)

我如何在角度中找到先前路線的參數(shù)

3 回答

添加回答