Repeat an Element — Reference
Render copies of the selected element for a collection.
Render copies of the selected element for a collection.
Before you begin
Section titled “Before you begin”- An App Connect page. Use a small known data set when verifying data binding or repetition.
Repeat an Element
Section titled “Repeat an Element”Render copies of the selected element for a collection.
Properties, data and actions
Section titled “Properties, data and actions”| Part | Meaning |
|---|---|
| ID | The repeat identifier associated with the selected element’s repeat attribute. It is distinct from a fixed DOM id copied onto every output element. |
| Expression | The array/object/numeric source to repeat. Bind the collection itself, not the whole wrapper of a paged query response. |
| Item scope | Bind each repeated element’s content to the current item’s fields. $value is the item, $index is zero-based and $key is its source key/index. |
| Attribute behavior | The normal attribute repeat rebuilds repeated children when its watched source changes. Its advanced fast modifier reuses positional items; it is not a unique-record-key setting exposed by this simple inspector. |
Worked example
Section titled “Worked example”Apply Repeat to one list item and use a products array as the expression. Bind its text to the current name. Verify one list item per product and distinct names. Keep the list container outside the repeated element.
Behavior and limits
Section titled “Behavior and limits”Choose this when the selected element itself should repeat; choose Repeat Children when one wrapper such as tbody should remain. The attribute implementation limits normalized items to 10,000. Use pagination or a smaller data set instead of relying on one enormous rendered list.
Build the surrounding page flow
Section titled “Build the surrounding page flow”Use a practical App Connect guide when you need the surrounding page, input or server-data workflow.
Check your result
Section titled “Check your result”You can use the component’s actual data path, configure its controls and verify the example’s reactive behavior.