Step 3: Create Property Binding

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

#!html...
	<script>
		// Attach an anonymous function to the SAPUI5 'init' event
		sap.ui.getCore().attachInit(function () {
			// Create a JSON model from an object literal
			var oModel = new sap.ui.model.json.JSONModel({
				greetingText: "Hi, my name is Harry Hawk"
			});
 
			// Assign the model object to the SAPUI5 core
			sap.ui.getCore().setModel(oModel);
			// Display a text element whose text is derived
			// from the model object
			new sap.m.Text({ text : "{/greetingText}" }).
				placeAt("content");
		});
	</script>
...

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