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>

有两个问题：

相对绑定无效。不显示产品的名称。如果我使用绝对绑定{{text path =＆＃34; / 3 / name＆＃34;}}，名称将显示确定。
第二大问题是模板仅适用于FIRST元素。之后，html视图被解释为简单文本

我在哪里犯这个错误？此外，关于HTML模板的文档在SAP官方网站上非常有限。你能提供一些教程，例子链接吗？

谢谢！

Answer 1

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

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

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

将模板文件重命名为view/Product.view.tmpl。
删除其中的脚本标记，因此它只包含模板。
在主视图中，使用new sap.ui.templateview("view.Product");根据您的模板创建TemplateView。

另请参阅updated Plunker。

SAPUI5 HTML模板相对绑定无法正常工作

1 个答案: