Question

我在多次单击菜单项（中性菜单）时遇到一个问题，如果我们正从另一个页面导航，这是第一次工作正常。但是，如果它仍然打开并且再次单击它，它不会显示数据。如果我的父组件的get调用没有得到任何调用，则它也不会被调用。我了解根本原因，即组件已经初始化，但是我们再次单击后，显然组件将不会重新初始化。

我尝试使用解析器获取ID -routerReuse策略=否 -router.navigateEnd

menu.json (for left sidebar menus)

{ “ title”：“财产管理”， “ link”：“ /属性”， “儿童”：[ { “ title”：“物品”， “链接”：“ /属性/测试/项目” } ] }

test.route

{
            path: 'items',
            component: ItemsComponent,
            children: [
                {
                    path: ':categoryId',
                    component: ListingComponent,]

}}

item.component.html

<div class="col-12 p-0 b-height">
<div class="row m-0 b-height">
    <div class="col-3 col-sm-3 p-0">
        <items-sidebar #rentableSidebar></items-sidebar>
    </div>
    <div class="col-9 col-sm-9 p-3 bg-white">
        <router-outlet></router-outlet>
    </div>
</div>

实际结果：如果我们从主菜单中单击“项目”，则它的工作正常（URL将类似于https://localhost:4200/property/test/items/1），但是如果它仍处于打开状态，然后再次单击，则列表组件将显示空白屏幕（URL将类似于{ {3}}）。无法获取ID。

预期结果：它将显示数据，并且网址为https://localhost:4200/property/test/items

如何处理多点击路由

0 个答案: