Установка динамических маршрутов с помощью router.config.unshift () работает только в том случае, если она используется из `AppComponent app.component.ts`

Question

Я использую Angular 4 и пытаюсь установить маршруты динамически, используя некоторые внешние данные.Основываясь на некоторых решениях, предоставляемых через Интернет, я пытаюсь динамически загружать маршруты, вызывая: this.router.config.unshift({path:'base',component:BaseComponent,data:this.rcs.getRouteData('base')});
здесь rcs - это просто служба - (поставщик) некоторых данных, которые должны быть переданы вызываемому компонентуэтот путь.

Однако, если я попытаюсь динамически установить те же пути маршрутов из какого-либо другого компонента (т. е. путем вызова метода router->config->unshift из другого компонента, отличного от AppComponent (app.component.ts)), маршрутыне работаетВ этом случае, если я пытаюсь маршрутизировать к путям, которые устанавливаются динамически, необходимо вернуться к компоненту, установленному в "**" (в основном к компоненту, который должен отображаться, когда не найдено подходящих конфигураций пути.

Я что-то здесь упускаю, как я могу динамически загружать угловые пути из любого другого компонента, кроме AppComponent.

Код: app.component.ts:

import {Component} from '@angular/core';
import{DataService} from './services/data.service';
import {Item} from './components/item/item';
import {BaseComponent}from './components/base/base.component';
import {ItemData} from './components/item/item-data';
import {ProcessContextService} from './services/context/process-context.service';
import {RouteCfgService} from './services/routing/route-cfg.service';
import {Router} from '@angular/router';
@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {

  public  constructor(private pcs:ProcessContextService,private dataservice:DataService, private router:Router,private rcs: RouteCfgService){
  this.rcs.setRoutes();
  alert("datatosetis ROOTC CONTROLLER:"+JSON.stringify(this.rcs.getRouteData('base')));
  this.router.config.unshift({path:'base',component:BaseComponent,data:this.rcs.getRouteData('base')});
  console.log("THE ROUTER CONFIG IS:");
  console.log(this.router.config);
    }

}

app.component.html

<router-outlet></router-outlet>

Модуль маршрутизации

    import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {PageNotFoundComponent} from '../../components/page-not-found/page-not-found.component';
import {RootcComponent}from '../../components/rootc/rootc.component';
import {IdeComponent}from '../../components/architect/ide/ide.component'
import { MngOrgComponent } from '../../components/architect/mng-org/mng-org.component';
import {BaseComponent}from '../../components/base/base.component';
import { DataStoreViewComponent } from '../../components/architect/data-store-view/data-store-view.component';

const routes: Routes = [
      {
       path:'login',
       component:RootcComponent
      },  {
           path:'ide',
           component:IdeComponent,
           children:[
                     {
                         path: 'setuporg',
                         component: MngOrgComponent,
                         outlet: 'ideolet'
                       }, {
                            path: 'datastoreview',
                            component: DataStoreViewComponent,
                            // outlet: 'ideolet'
                          },
                           // {
                           //     path: 'basecomponent',
                           //     component: BaseComponent,
                           //     // outlet: 'ideolet'
                           //   }
                    ]
    },
  {
    path: '',
    redirectTo:'/login',
    pathMatch:'full'
  },
   {
      path: '**',
      component:PageNotFoundComponent,
      pathMatch:'full'
    },


];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class ApprouteRoutingModule { }