問題タブ [ionic5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Ionic 5、Angular 9 URL からクエリ パラメータを削除する
PWA と Ionic 5 のモバイル アプリがあります。電子メールの URL をクリックすると、ユニバーサル リンクを使用してリダイレクトされます。
私の目標は、ページの読み込み時に params を使用して新しいオブジェクトを作成し、その後 params を削除して次のページに移動することです。こんな感じの場所を使っています。
これはすべて正常に機能し、パラメーターは URL から削除されますが、問題は、ion-back-buttonそれを使用して戻るとホームページに戻りますが、パラメーターが再度読み込まれることです。で queryParams が完全にクリアされていないと思いthis.location.replaceState("/")ます。
次のページに移動する前に試しthis.navCtrl.setRoot("")ましたが、うまくいきませんでした。
アドバイスできますか？ありがとう。
javascript - Ionic 5: VirtualScroll と画像のキャッシュ
画像と短い説明を含むカードの長いリストがあるアプリ (Ionic 5 + Angular 9 + Capacitor) を作成しています。したがって、この場合、長いリストを含むページの読み込みが遅すぎるため、仮想スクロールを使用する必要があります。問題は、上下にスクロールするたびに同じ画像 (外部 URL から) が再度ロードされることです。モバイル接続 (3G など) を使用している場合は非常に悪いです。また、オフラインの場合はこれらの画像を使用したいと思います。 /接続を緩めます。
なんとか解決しましたが、上下にスクロールする速度が速すぎると、正しい画像が間違った画像に置き換えられます。仮想スクロールのせいだと思います。
それで、仮想スクロールを使用する場合、画像のキャッシュとオフラインでの使用に使用できる良い解決策を知っていますか?
まず ServiceWorker を使いたかったのですが、デバイス上でアプリをビルドするとうまくいきません。この問題の詳細については、https ://github.com/ionic-team/ionic/issues/20890 を参照してください。
このプラグインhttps://github.com/zyra/ionic-image-loaderも見つけましたが、Ionic 5 と Capacitor では機能しません。
だから、今のところ私の解決策は次のようなものです：
home.page.html:
イベントリストカード.component.ts:
イベント リスト カード コンポーネント.html:
ここで onChanges を使用しているのは、仮想スクロールで onInit を使用すると、アイテムが 100 個あっても約 10 回しか実行されないためです。仮想スクロールは、新しいカードを作成するのではなく、カードを置き換えます。
angular - ion-datetime の無効な日付 (Ionic 4、Ionic 5)
私が実装したシナリオでion-datetimeは、特定の日付を無効にする必要があります。ブロックアウト日。これは、 Airbnbなどのアプリ全般でかなり一般的なことです。
Ionic に同ion-datetime梱されているモジュールは、私が知る限り無効な日付をサポートしておらず、Ionic の最新のイテレーションに実装して動作する日付と時刻の選択をサポートする外部ライブラリを見つけることができませんでした。
エレガントな方法でこの問題に取り組んだ人はいますか、または[Ionic]ネイティブの日付ピッカーが選択ホイールから特定のピッカーオプト日を無効にする解決策を持っていますか?