使用XML视图的SapUI5路由器问题

Question

我正在开发一个简单的UI5项目，能够了解路由器的工作原理。在这个过程中，我遇到了与路由器事件相关的问题。我有三个XML视图，其名称是FirstPage，SecondPage和ThirdPage。 ThirdPage在其他两个页面中实现如下代码;

<mvc:XMLView viewName="SapUI5Tutorial.Application.Main.views.ThirdPage.view.ThirdPage"/>

例如FirstPage.xml

<mvc:View displayBlock="true" controllerName="SapUI5Tutorial.Application.Main.views.FirstPage.controller.FirstPage"
xmlns:mvc="sap.ui.core.mvc"
xmlns:core="sap.ui.core"
xmlns:l="sap.ui.layout"
xmlns="sap.m" height="100%">
<Page title="First Page" class="sapUiNoContentPadding">
    <subHeader>
        <Toolbar>
            <VBox width="100%" alignItems="Center">
                <Button text="Second Page Link" press="handleNavSecondPage"/>
            </VBox>
        </Toolbar>
    </subHeader>
    <mvc:XMLView viewName="SapUI5Tutorial.Application.Main.views.ThirdPage.view.ThirdPage"/>
</Page>

当我点击“第二页链接”按钮时，我正在导航到SecondPage。但是ThirdPage是由于SecondPage ThirdPage里面的Router函数运行了两次

ThirdPage的控制器;

sap.ui.define([
"sap/ui/core/mvc/Controller",
], function (Controller, FragmentController) {
"use strict";
var base, oRouter;
return Controller.extend("SapUI5Tutorial.Application.Main.views.ThirdPage", {
    onInit: function () {
        base = this;
        base.getView().setModel(oModel);
        oRouter = sap.ui.core.UIComponent.getRouterFor(base);
        oRouter.getRoute("FirstPage").attachMatched(base.firstPagePatternMatched, base);
        oRouter.getRoute("SecondPage").attachMatched(base.secondPagePatternMatched, base);
    },
    firstPagePatternMatched: function (oEvent) {
        console.log(oEvent)
    },
    secondPagePatternMatched: function (oEvent) {
        //Due to the third page is used for inside two other pages (FirstPage and SecondPage) this function is running twice
        console.log(oEvent)
    }
});

});

如何防止运行第三页的Router事件两次？谢谢你的帮助

Answer 1

由于第一页内有第三页视图，因此不需要为ThirdPage设置另一个模式匹配功能。

Morover，我认为不需要为第三页面视图设置单独的控制器。您可以而且应该重用父First View的控制器。

Answer 2

我相信你的问题是使用.attachMatched而不是.attachPatternMatched

前者为任何路线或子路线发射，而后者仅为子路径发射。

文档不是很清楚，但可以找到here。