Estou tentando decompor uma visualização html grande em pedaços menores e mais gerenciáveis.

É possível usar fragmentos para fazer isso?

Por exemplo, eu tenho um arquivo de fragmento (view.configurator.Summary.fragment.html) contendo o seguinte:

<div data-sap-ui-type="sap.m.Button" data-text="Hello"></div>

No meu arquivo pai, tento incluir o fragmento da seguinte maneira:

            <div data-sap-ui-type="sap.m.VBox" class="summary-panel-content">

                <div data-sap-ui-type="sap.ui.core.Fragment"
                     data-fragment-name="view.configurator.Summary" 
                     data-type="HTML"></div>

            </div>

No entanto, recebo o seguinte erro no console:

Forneça um nome de fragmento

Alguma ideia?

Obrigado,

Gar.

EDIT: Parece um bug, mas você pode contornar o fragmento em um controle personalizado

 sap.ui.core.Control.extend("sap.mic.controls.Fragment", {

    metadata: {
        properties: {
            "name": "string"
        }
    },

    init: function () {
    },

    renderer: function (renderManager, control) {
        var fragmentName = control.getProperty("name"),
            fragment = sap.ui.htmlfragment(fragmentName);

        renderManager.renderControl(fragment);
    }
});

E usado assim:

<div data-sap-ui-type="sap.m.Page" data-enable-scrolling="false">

    <div data-sap-ui-type="sap.mic.controls.Fragment"
         data-name="view.configurator.Summary"></div>

</div>