Declarative Support: Data Binding

Declarative support in OpenUI5 also enables data binding.

Just add the model path in curly brackets and bind the model to the control (or parent control):

#!html
<div data-sap-ui-type="sap.ui.commons.Button" data-text="{/stringValue}" data-enabled="{model2>/booleanValue}"></div>

0..n aggregations can define templates to use for the aggregation binding:

#!html
<div data-sap-ui-type="sap.ui.commons.Carousel" data-content="{/buttons}">
    <div data-sap-ui-type="sap.ui.commons.Button" data-text="{title}"></div>
</div>

In the example above, the button template is used for the carousel content data binding.