Slots
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.
-
Default
-
The
oj-bind-for-each
default slot is used to specify the template for binding items of an array. The slot content 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.
Properties of $current:
Name Type Description data
D The current array item being rendered. index
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. observableIndex
ko.Observable<number> An observable that refers to the zero-based index of the current array item being rendered. The observableIndex
value is updated in response to array additions and removals and can be used for both static and dynamic arrays.
Attributes
-
as :string
-
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.
Deprecated:
Since Description 6.2.0
Set the alias directly on the template element using the data-oj-as attribute instead. -
data :(Array.<D>|DataProvider.<K, D>)
-
The array or an 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 DataProvider events.
Type Definitions
-
DefaultItemContext<D>
-
Properties:
Name Type Description data
D The current array item being rendered. index
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. observableIndex
ko.Observable<number> An observable that refers to the zero-based index of the current array item being rendered. The observableIndex
value is updated in response to array additions and removals and can be used for both static and dynamic arrays.