javascript - UI5路由不会实例化 View

Question

我的组件中有一些路由。我想导航到 URL“URL/#/Reports”。这是我的路线:

routes: [
                {
                    pattern: "",
                    name: "menu",
                    view: "Menu",
                    targetAggregation: "pages",
                    targetControl: "idAppControl"
                },
                {
                    pattern: "Reports",
                    name: "reports",
                    view: "SplitContainer",
                    targetAggregation: "pages",
                    targetControl: "idAppControl",
                    clearTarget: true,
                    subroutes: [
                        {
                            pattern: "Reports/SFC",
                            name: "sfcsub",
                            view: "SFCReport",
                            targetControl: "idSplitContainerControl",
                            targetAggregation: "masterPages"
                        }
                    ]

                }
            ]

不过，这确实有效。这意味着，如果我单击/Reports 路径的菜单项，“菜单” View 就会消失。问题是“SplitContainer” View 未加载/实例化。没有 DOM 元素。疯狂的是，如果我重新加载页面(使用 URL“URL/#/Reports”)，我会得到 SplitContainer View 。

通向报告路径的函数:

sap.ui.core.UIComponent.getRouterFor(this).navTo("reports", {
    from: "menu"
}, bReplace);

Answer 1

你设置了

clearTarget: true, 

从应用程序页面聚合中删除菜单页面。如果您使用 navContainer 和 splitcontainer，您应该将clearTarget 设置为 false，因为它们正在构建导航堆栈并需要页面始终处于聚合状态。

BR，托比亚斯