SAPUI5 HTML模板相对绑定不起作用

Question

此处代码：http://plnkr.co/edit/PfOgEDphwrnSXwatB6Yo?p=preview

我有一系列需要在屏幕上显示的产品。 我加载 JSON 模型并将其设置为通用模型，并且我在网格内容上有一个聚合绑定

var productTemplate = new sap.ui.view({
    viewName: "view.Product",
    type: sap.ui.core.mvc.ViewType.HTML
});    
grid.bindAggregation("content", "/", productTemplate);

如您所见，productTemplate 是一个 html 视图：

<div id="mySimpleTemplate" data-type="text/x-handlebars-template">
    <h3>Product</h3>
    <b>{{text path="name"}}</b>
</div>

<script>
    sap.ui.template();
</script>

有两个问题：

1. 相对绑定不起作用。不显示产品名称。如果我使用绝对绑定 {{text path="/3/name"}} 名称将正常显示。

2. 第二个大问题是模板仅适用于 FIRST 元素。之后 html 视图被解释为简单的文本

我在哪里犯了错误？ 此外，SAP 官方网站上有关 HTML 模板的文档非常有限。能否提供一些教程、示例链接？

谢谢！

Answer 1

首先，我不是 SAPUI5 中模板方面的专家。

话虽如此，我认为您在这里混合了两个概念：视图和模板。

由于我缺乏专业知识，我无法真正告诉您这些想法和概念。但是，我确实设法让您的示例起作用：

1. 将您的模板文件重命名为view/Product.view.tmpl。
2. 去掉里面的script标签，只包含模板。
3. 在主视图中，使用new sap.ui.templateview("view.Product"); 根据您的模板创建TemplateView。

另请参阅updated Plunker。