<!DOCTYPE html>
<html>

<head>
  <meta content="IE=edge" http-equiv="X-UA-Compatible" />
  <meta charset="UTF-8" />
  <title>XML Templating</title>
  <script data-sap-ui-resourceroots="{
          &quot;hirse&quot;: &quot;&quot;,
          &quot;hirse.view&quot;: &quot;&quot;,
          &quot;hirse.controller&quot;: &quot;&quot;
        }" data-sap-ui-compatversion="edge" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m" src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap"></script>
  <script>
    sap.ui.getCore().attachInit(function() {
      var oModel = new sap.ui.model.json.JSONModel({
        toggleButtons: [{
          name: "Button 1"
        }, {
          name: "Button 2"
        }]
      });

      sap.ui.view({
        preprocessors: {
          xml: {
            models: {
              meta: oModel
            }
          }
        },
        type: sap.ui.core.mvc.ViewType.XML,
        viewName: "hirse.view.App"
      }).placeAt("content");
    });
  </script>
</head>

<body id="content" class="sapUiBody"></body>

</html>
<mvc:View xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1">
   <App>
     <Page title="XML Templating">
       <OverflowToolbar>
         <ToolbarSpacer />
         <template:repeat list="{meta>/toggleButtons}" var="toggleButton">
           <ToggleButton text="{toggleButton>name}" />
         </template:repeat>
         <ToolbarSpacer />
         <OverflowToolbarButton icon="sap-icon://action-settings" />
      </OverflowToolbar>
     </Page>
   </App>
</mvc:View>