セレクトの値を取得したデータを元に構築する
商品データのカテゴリ一覧をデータフローで取得し、セレクトの値として表示する
データフローから参照する値を取得する
- [データフロー] 内の [新規作成] をクリックし、データフロー名を
listCategories
に変更する。 - データソースで
Onboarding Firebase
を選択する。 - [Action] で [List documents] を選択し、 [Collection] に
categories
と入力する。 - [実行する] をクリックする。
セレクトにデータフローの値を動的に表示する
- [セレクト] を配置する。
- [セレクト] のエディターを開き、 [Values] に
{{ listCategories.data.map(d => d.id) }}
と入力する。 - [Labels] に
{{ listCategories.data.map(d => d.name) }}
と入力する。 - [ラベル] に
カテゴリを選択
と入力する。 - プレビュー画面で正常に動作していることを確認する。