Getting Started
Forms
Components
78
Libraries
External renderer flow
Use an external renderer flow when a saved FormBuilderSchema should stay reusable, but a specific screen needs to render the same form as a step-by-step workflow.
Runtime steps without changing the schema
Store steps in schema.flow from the visual Form Builder, then derive the renderer-only FormBuilderFlow from that saved schema. The screen does not need to know the step ids, titles, or items ahead of time.
Render those derived steps with an external ngs-stepper. When the selected step changes, pass that step's items to ngs-form-renderer through the items input.
The stepper stays outside the form. The renderer only displays the active step's fields, while keeping one Angular form group and one submitted value.
Client
Invoice
This external step renders its schema items in the form below.
This external step renders its schema items in the form below.
{
"client_name": "Northwind Traders",
"client_email": "billing@northwind.example",
"item_description": "Support package",
"item_quantity": 4,
"item_price": 75
}Using this component in production?
Source code, templates, and commercial support
NgStarter includes source code, admin dashboard templates, and commercial support.