条件付きレンダラーを使用したコンテンツの動的表示
条件付きレンダラーコンポーネントを使用して、指定した条件に基づいてコンテンツまたはコンポーネントを表示します。
始める前に
必要なロール：ui_builder_admin
手順
- 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
-
作業するエクスペリエンスを開くか、または選択してエクスペリエンスを作成します 作成/挿入 > エクスペリエンス.
エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
-
ページまたはページバリアントを開くかまたは作成します。
UI ビルダーでページを作成する方法の詳細については、「UI ビルダーでのページの作成」を参照してください。
- コンテンツツリーで [+ コンテンツを追加] を選択します。
- [コンポーネント] を選択します。
- [条件付きレンダラー (Conditional renderer)] を選択します。
- [+ 条件を追加] を選択します。
-
条件の作成方法を選択します。
条件のタイプ 説明 空のコンテナ 空のコンテナにコンポーネントを配置して条件を作成します。 カード カードコンポーネントにコンポーネントを配置して条件を作成します。 単一コンポーネント コンテナやカードを使用せずに、コンポーネントに条件を直接追加します。これは、条件が true の場合にのみ単一コンポーネントを表示する場合に適しています。 - オプション: 前のステップで [単一コンポーネント] を選択した場合は、リストからコンポーネントを選択します。
-
フォームのフィールドに入力します。
フィールド 説明 コンポーネントラベル 条件付きコンテンツを識別するラベル。 コンポーネント ID データをバインドするときに使用される一意の識別子。 説明 (任意) 条件の説明。 コンテンツをレンダリング ページでコンテンツをレンダリングする場合に選択します。 条件 データまたは数式を使用して、コンテンツをレンダリングする条件を設定します。このフィールドには true のブール値が必要です。 - [適用] を選択します。
- オプション:
コンテナまたはカードにコンポーネントを追加します。
コンポーネントの追加方法の詳細については、「コンポーネントを使用した UI ビルダー ページのカスタマイズ」を参照してください。
- 条件付きレンダラーでコンポーネントを構成します。
- [保存] を選択します。