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

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

始める前に

必要なロール：ui_builder_admin

手順

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

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

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

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

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