Building a Select's Options from Retrieved Data

Retrieving a List of Product Categories Through a Dataflow and Displaying Them as Options in a Select

Retrieve Values from a Dataflow

1. Click [Create] in [Dataflows] and change the dataflow name to listCategories.
2. Select Onboarding Firebase as the data source.
3. Choose [List documents] in [Action] and enter categories in [Collection].
4. Click [Run].

Dynamically Display Values from Dataflow in Select

1. Place a [Select].
2. Open the editor for the [Select] and enter {{ listCategories.data.map(d => d.id) }} in [Values].
3. Enter {{ listCategories.data.map(d => d.name) }} in [Labels].
4. Enter Select a Category in [Label].
5. Verify that it operates correctly in the preview screen.