step-3-create-property-binding-d70e989.md

Step 3: Create Property Binding

Although there is no visible difference, the text on the screen is now derived from model data.

Preview

Coding

You can view and download all files in the Demo Kit at Data Binding - Step 3.

Assign the text property of the sap.m.Text control to the value {/greetingText}. The curly brackets enclosing a binding path (binding syntax) are automatically interpreted as a binding. These binding instances are called property bindings. In this scenario, the control's text property is bound to the greetingText property at the root of the default model. The slash (/) at the beginning of the binding path signifies an absolute binding path.

webapp/view/App.view.xml

<mvc:View
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc">
	<Text text="{/greetingText}"/>
</mvc:View>

Related Information

Binding Types

Property Binding