Ngx-translate does not change the language in the ion-menu of the AppComponent

Hello,
I use the ngx-translate library in my application, I noticed that the links in AppComponent do not change.

All other information changes except the url of the links, the titles are well translated and are in the correct language, but the value of the “href” remains unchanged, knowing that the url in the navigation bar contains the correct language .

Is there a way to force AppComponent to refresh its information when the language change.

Thanks for your help.

<ion-menu-toggle auto-hide="false" *ngFor="let page of appPages">
	<ion-item [routerLinkActive]="'active'"
		  [routerLink]="page.url | localize" <!--the value does not change-->
		  [routerDirection]="'root'">
		<ion-icon slot="start" [name]="page.icon"></ion-icon>
		<ion-label>
			{{page.title | translate}}  <!--returns the right value-->
			{{page.url | localize}}     <!--returns the right value-->
		</ion-label>
	</ion-item>
</ion-menu-toggle>