RouterLink work but function with router.navigate dont

Question

My routerlink is working but after trying to convert it to a function it just does nothing. I have tried many things already: '/description' 'description' '/description/'.

before:

  <a [routerLink]="['description', course.id]">Go to description</a>

After (.html):

  <a (click)="goToDescription(course.id)">Go to description</a>

After (.ts):

  goToDescription(id) {
    this.router.navigate([`description`, id]);
  }

Route Description:

  {
    path: 'description/:course-id', component: CourseDescriptionComponent,
  },

Any help would be appreciated. Thanks!

Look at this question stackoverflow.com/questions/33571605/… — Kamil Augustyniak
– Kamil Augustyniak, Commented Feb 5, 2020 at 18:47
One concern I'd have is that <a> is being used with onclick rather than routerLink/href in addition to no preventDefault() occurring in the handler. — Alexander Staroselsky
– Alexander Staroselsky, Commented Feb 5, 2020 at 18:53
@AlexanderStaroselsky I can change to div/button/whatever but the error continues ... — user3140824
– user3140824, Commented Feb 5, 2020 at 18:56

user3140824 · Accepted Answer · 2020-02-05 19:13:09Z

2

I put the absolute url and it worked thanks to @Kamil Augustyniak who sent a link that helped me

  this.router.navigateByUrl(`/courses/description/${id}`);

answered Feb 5, 2020 at 19:13

user3140824

3801 gold badge7 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

RouterLink work but function with router.navigate dont

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related