我是離子新手。用戶從下拉串列中選擇一個選項后,我正在嘗試重繪 同一頁面。但我的下拉串列在另一個組件中(有點像區域視圖),我在其他組件中使用了它。我嘗試導航,但沒有重繪 頁面。我希望當用戶選擇組件將重繪 的選項時。ngOnInit 方法可以正常作業。這是我的部分視圖組件:
navigateTo(path: string) {
localStorage.setItem('selectedapp', this.appId);
this.router.navigate([path]);
}
這是這個組件的 html:
<ion-item *ngIf="!isPrivate">
<ion-label>??????? ??? ??</ion-label>
<ion-select [(ngModel)]="appId" (ionChange)="navigateTo(model[0].url)" ok-text="?????" cancel-text="????" [value]="00000000-0000-0000-0000-000000000000">
<ion-select-option value="00000000-0000-0000-0000-000000000000">???</ion-select-option>
<ion-select-option value="{{item.applicationId}}" *ngFor="let item of model">{{item.applicationTitle}}</ion-select-option>
</ion-select>
</ion-item>
這是我在另一個 html 頁面中使用上述組件標簽的地方:
<app-user-applications returnUrl="prizePackages"></app-user-applications>
在這種情況下,我想重繪 prizePackages 頁面。我該怎么辦?
uj5u.com熱心網友回復:
我在 Ionic with Agular 中推薦的第一件事是將本地存盤實作更改為 ionic 建議的實作,因為瀏覽器的本地存盤不起作用(它使用 @ionic/storage)。
要在組件之間進行更改,我建議您使用 RxJS,通過 Angular 服務,另一個傾向于使用的實作是 Redux,我不太喜歡它,作為我不推薦的最后一個選項,在服務中使用 Promise連接組件,這會帶來很多問題。
希望我的回答對你有用!
uj5u.com熱心網友回復:
移動應用程式中沒有重新加載。鑒于您的情況,我建議您將 ngif 添加到您想要根據新資料隱藏/顯示的 html 內容中。
因此,當您獲得新資料時,您會隱藏您的 html 內容,用新資料更新它并再次顯示它。
uj5u.com熱心網友回復:
這個問題使用解決了
window.location.reload();
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/424042.html
上一篇:條件渲染不等待獲取完成
