条件付きレンダラーを使用してコンテンツを動的に表示する

条件付きレンダラーコンポーネントを使用して、指定された条件に基づいてコンテンツまたはコンポーネントを表示します。

始める前に

必要なロール：ui_builder_admin

手順

1. 次のように移動する。 All (すべて) > Now Experience フレームワーク > UI ビルダー.
2. 作業するエクスペリエンスを開くか、選択してエクスペリエンスを作成します 作成/挿入 > エクスペリエンス.
   エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
3. ページまたはページバリアントを開くかまたは作成します。
   UI ビルダーでページを作成する方法の詳細については、「UI ビルダーでページを作成する」を参照してください。
4. コンテンツツリーで [+ コンテンツを追加] を選択します。
5. [Components (コンポーネント)] を選択します。
6. [条件付きレンダラ] を選択します。
7. [+ 条件の追加] を選択します。
8. 条件の作成方法を選択します。

   条件のタイプ	説明
   空のコンテナ	空のコンテナにコンポーネントを配置して条件を作成します。
   カード	カードコンポーネントにコンポーネントを配置して条件を作成します。
   単一コンポーネント	コンテナやカードを使用せずに、コンポーネントに条件を直接追加します。これは、条件が true の場合にのみ単一のコンポーネントを表示する場合に適しています。

9. オプション: 前の手順で [単一のコンポーネント ] を選択した場合は、リストからコンポーネントを選択します。
10. フォームのフィールドに入力します。

    フィールド	説明
    コンポーネントラベル	条件付きコンテンツを識別するラベル。
    コンポーネント ID	データのバインド時に使用される一意の識別子。
    説明 (任意)	条件の説明
    コンテンツをレンダリング	ページにコンテンツをレンダリングするタイミングを選択します。
    条件	データまたは数式を使用して、コンテンツをレンダリングするための条件を設定します。このフィールドには true ブール値が必要です。

11. [適用] を選択します。
12. オプション: コンテナまたはカードにコンポーネントを追加します。
    コンポーネントの追加の詳細については、「 コンポーネントを使用した UI ビルダー ページのカスタマイズ」を参照してください。
13. 条件付きレンダラでコンポーネントを構成します。
14. [Save (保存)] をクリックする。