角度4错误的路由URL

Question

Hi my application implements routing, I have a list of users and when I click one of it I do this:

onRowSelect(event) {
this.self = event.data._links.self.href;
this.userId = this.url.getUserId(this.self, '/', 5);

this.router.navigate(['/dashboard/user-detail', this.userId]);

this.userId isn't only a id code number but a string, for example: /users/5 and in the user-detail.routes I define this path: 'user-detail/:code'

user-detail.component.ts

ngOnInit() {

    this.code = this.route.snapshot.params['code'];
    this.getUserDetail(this.code);
  }



  getUserDetail(code) { 
    this.http.get(this.endpointUrlService.getBaseUrl() + code, this.http.setCommonOption())

      .subscribe(response => {

        this.selected = response.json() as User;
        this.loader = 1;
      });
  }

The problem is that url path have the escape code '%2' for '/' like this:

http://localhost:4200/dashboard/user-detail/%2Fusers%2F2

Is there a simple way to correct the url?

Answer 1

It is a good approach to navigate to route like

this.router.navigate(['dashboard', 'user-detail', 'users', userId]);

That's why navigate takes array as a param, not a string. There's another method

this.router.navigateByUrl(`/'dashboard/user-detail${userId}`)

Which you can use.

Edited