In Angular 6, providing route path via array throw error

Question

I Angular 6 application, I am passing angular routes from service class in format

{ text: string, path: string }

so the idea is I add routes dynamically, which works fine if I provide data statically, however if I replace same structure as providing data via array, it throw error,

I strongly believe is related to array structure, the way need to pass it to router.config.unshift. The unshift method accept array of Router where I am passing array of any.......

error

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'split' of undefined

TypeError: Cannot read property 'split' of undefined at defaultUrlMatcher (router.js:530)

route service

 @Injectable({
 providedIn: 'root'
 })

export class DynamicRoutingService{

messages: string[] = [];

constructor(){}

getDynamicRoutes():any{ // need fix here to pass Route[]
 return [
    { path: 'publicSurvey', component: SurveyFormComponent },
    { path: 'RedMatter', component: SurveyFormComponent },
    { path:'waterDamAndBridge', component:SurveyFormComponent}
  ];
 }
}

app component

export class AppComponent {

 constructor(
   private router: Router,
   private routingService:DynamicRoutingService
 ){

  let dynamicRoutes = this.routingService.getDynamicRoutes();

  this.router.config.unshift(dynamicRoutes); // this line throw error


  /*  following disable code does work
   this.router.config.unshift(
  { path: 'publicSurvey', component: SurveyFormComponent },
  { path: 'RedMatter', component: SurveyFormComponent },
  { path:'waterDamAndBridge', component:SurveyFormComponent}
);*/

Chris Tapay · Accepted Answer · 2019-02-06 16:27:39Z

1

Try destructuring assignment:

this.router.config.unshift(...dynamicRoutes);

answered Feb 6, 2019 at 16:27

Chris Tapay

1,03310 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

K.Z Over a year ago

this did worked but not really getting what happened and how three dots helped here

Chris Tapay Over a year ago

For this case, destructuring assignment unpacks values from the array. Just click the link on the answer to read more.

Collectives™ on Stack Overflow

In Angular 6, providing route path via array throw error

error

route service

app component

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

error

route service

app component

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related