問題タブ [ion-slides]

次のスライドに移動するには、slideNext() を使用して、各スライドにフォームを含む 4 つのスライドを含む ionic アプリを構築しています。次のスライドに移る前に各スライド フォームを検証する方法はありますか? すべてのフォーム データを送信する前に、最後のスライドでスライドの有効性を確認するために「if」ステートメントを試みますが、一部のフォームでは以前のスライドからのユーザー入力が必要なため、スライドの変更時にフォームを検証する必要があります。これどうやってするの？

画像は 5 つしかなく、以下の構成があります

今スライドしてスライド値を選択したとき

HTML

ここthis.currentIndexが間違っています。ループに5つの画像しかないのに、12、11、9、7になることがあります

app.routing.module.ts のデフォルト ページとして読み込まれるion-slides を使用して構築されたアプリ ウォークスルー/イントロがあります。

アプリが初めて起動されたときにのみこれを表示したいので、私の質問は、 app-routing モジュールで app-route を構成して、開始ページを一度だけ設定するにはどうすればよいですか? ドキュメントを読みましたが、参照が見つかりませんでした。

私はアプリで作業しており、イオン スライド コンポーネントを使用して一連の映画を表示したいと考えています。映画がすべて同じ行に表示され、ユーザーが水平方向にスクロールできるように、Netflix アプリのように映画を表示したいと考えています。イオンライダーを使うと一応出来たのですが、スタイリングが全く効きません。ムービー画像は外部 API から提供され、すべて同じサイズではありませんが、高さの比率は同じです。問題は：

• 映画の画像は同じ高さで表示されません。
• それらは互いに近すぎて、互いに重なっています。

デフォルトのion-img コンポーネント スタイリング ルールではなく、カスタム scss ルールを試してみましたが、結果はさらに悪かったです。今はデフォルトでそれを持っていますが、唯一の問題はスライダーの設定にあるようです。

私が持っている方法は、映画の配列に対してイオンスライドを作成し、その中に配列上の各映画の反復があるということです。私は映画オブジェクトをバインドするコンポーネントと呼びます。そのコンポーネントは映画の画像と映画のタイトルをレンダリングします。

私がやっている方法は次のとおりです。

1. この配列の各要素が、コレクションの名前、そのコレクションの所有者のID、およびIDの映画の配列を持つ映画のコレクションを含むオブジェクトである配列があります。
2. 配列の各要素に対して、collectionこのコンポーネントと呼ばれるコンポーネントを呼び出して、コレクションを取得し、コレクションのタイトルをレンダリングし、API から映画に関する完全な情報を取得する映画 ID を反復処理します。
3. コレクション コンポーネント内で、すべての映画情報を取得したらmovie-poster、映画の画像と映画のタイトルをレンダリングする というコンポーネントを使用して、映画の画像とタイトルをレンダリングします。

これは、すべてのコレクションをレンダリングする場所です。

これはコレクション コンポーネントです。

そしてイオンスライド構成：

そして映画のポスター コンポーネント:

私が使用しているどのコンポーネントにも scss ルールはありません。これは私が自分の映画を見せようとしているものです:

そして、これは今のところどのように表示されているかです: