JET components that allow child content support slots. Please see the slots section of the JET component overview doc for more information on allowed slot content and slot types.
PREVIEW: This is a preview API. Preview APIs are production quality, but can be changed on a major version without a deprecation path.
oj-bind-for-eachdefault slot is used to specify the template for binding items of an array if no named slots were defined by the application. The slot must be a <template> element.
When the template is executed for each item, it will have access to the same binding context that is applied to the <oj-bind-for-each> element. In addition the binding context will contain the following properties:
- $current - An object that contains information for the current item. (See the table below for a list of properties available on $current)
- alias - If as attribute was specified, the value will be used to provide an application-named alias for
$current. This can be especially useful if multiple oj-bind-for-each elements are nested to provide access to the data for each level of iteration.
Name Type Description
Object The current array item being rendered.
number Zero-based index of the current array item being rendered. The index value is not updated in response to array additions and removals and is only recommended for static arrays.
number An observable that refers to the zero-based index of the current array item being rendered. The
observableIndexvalue is updated in response to array additions and removals and can be used for both static and dynamic arrays.
An alias for the array item. This can be especially useful if multiple oj-bind-for-each elements are nested to provide access to the data for each level of iteration.
Set the alias directly on the template element using the data-oj-as attribute instead.
data :(Array.<any>|oj.DataProvider.<any, any>)
The array or an oj.DataProvider that you wish to iterate over. Required property. Note that the <oj-bind-for-each> will dynamically update the generated DOM in response to changes if the value is an observableArray, or in response to oj.DataProvider events.