Angular Маршрутизатор: различать безопасные и анонимные маршруты

Question

В настоящее время в моем приложении Angular есть следующие маршруты:

const routes: Routes = [
  {
    path: '',
    component: SecureComponent,
    children: [
      {
        path: '',
        component: LandingComponent
      },
      {
        path: 'config',
        loadChildren: () => import( './configuration/configuration.module' ).then( m => m.ConfigurationModule )
      }
    ]
  },
  {
    path: 'anon',
    children: [
      {
        path: 'set-pass',
        component: SetPasswordComponent
      }
    ]
  }
];

Но я не уверен, что это правильный подход к использованию маршрутов. Правильное использование должно быть следующим:

Если маршрут соответствует дочерним маршрутам в Secure Component, они будут отображены, в противном случае должна отображаться анонимная страница, если маршрут соответствует одному из / anon / routes.

Разница между защищенными и анонимными страницами состоит в том, что на защищенной странице есть панель навигации вверху, которая не будет отображаться для анонимных страниц.