以下面的 XML 视图代码为例,我将详细说明元数据配置。
<core:View xmlns:core="sap.ui.core" xmlns="sap.m" controllerName="Demo.view.Main" displayBlock="true" height="100%">
<App id="app">
</App>
</core:View>
App
控件是 UI5 移动应用程序的根元素。它具有pages
聚合,因为它从 扩展NavContainer
。
targetControl: "app",
targetAggregation: "pages"
targetControl
使用用于显示页面的控件 ID 指定。在上面的 XML 中,App
控件的 ID 为“ app ”。因此,您的所有视图都将置于控制pages
聚合中App
。
现在,您可能想知道如何将视图放置在pages
聚合中。如果您查看pages
聚合中允许的控件类型是Control
. 任何扩展类的控件都Control
可以放在pages
. App
与Control 一样,添加到聚合View
中也是有效的。pages
因此,应用程序中的所有视图都放置在App
.
"targetParent": "myViewId"
targetParent
只不过App
是放置控件的视图。
关于上面和这个之间的区别
"controlId": "app",
"controlAggregation": "pages"
在较新版本的 SAPUI5 中,我们在manifest.json文件而不是Component.js文件中指定配置。所以,你会发现他们的这个配置。它们是相同的,只是名称不同。