дал одну ссылку маршрутизатора, как показано ниже. Эта ссылка маршрутизатора загружаетProductsStartComponent и затем этот компонент загружает несколько других компонентов, используя ngif, а не через навигацию. Поскольку ниже ссылка «Категории продуктов» видна на всех страницах, поэтому, если я нажимаю на эту ссылку после перехода к какому-либо компоненту ngif, это не возвращает меня кProductsStartComponent.

Поскольку я новичок в Angular, я понимаю это поведение потому, что все значения / модели установлены, и поэтому он не ориентируется. Я полагаю, что это может быть достигнуто путем обновления или перезагрузки страницы, но как этого добиться. Пожалуйста, порекомендуйте.

В admin.component.html маршрутизатор Link определен для нажатия.
возвращается

<li routerLinkActive="active"><a routerLink="categories"><p>Products Categories</p></a></li>

возвращается

В app-routing.module.ts, какой компонент нужно загружать при нажатии на ссылку роутера

const appRoutes: Routes = [
{path: 'admin', component: AdminComponent, children: [
    { path: 'dashboard', component: AdminDashboardComponent },
    { path: 'sellers', component: AdminSellersComponent },
    { path: 'categories', component: ProductsStartComponent}
]}]

В product-start.component.html он загружается при первом нажатии на ссылку маршрутизатора. Теперь, если я нажму на кнопку «Изменить» и перейду к другому компоненту, и снова, если я нажму на ссылку маршрутизатора категории продукта, ничего не произойдет, я ожидаю, что она сбросит страницу.

<div>
    <div *ngIf="!isChildProductClicked; else notClicked" >
       <app-admin-products (productId)="received($event)"></app-admin-products>
    </div>
    <ng-template #notClicked><app-child-products [selProdIndex]=productIndex></app-child-products></ng-template>
</div>