IMHO，你应该使用Angular router这样导航：

myFunc() {
  console.log("function called");
  this.router.navigate(['../myURL'], {queryParams:{rurl: "someId"}})
 }

另外，不要忘记导入Router，如下所示：

import {Router} from '@angular/router';

this.router = Router;

**注意：**在URL前使用../会使路由器上升一级。

如果您想在应用程序外重定向：

myFunc(){
   window.location.href = `full_url?rurl=${encodeURIComponent(display)})`;
}

如果您想在应用程序中导航到页面：

myFunc(){
this.router.navigate(['/navigation_route'], {queryParams:{returnRoute: 'any_path'});
}

使用[routerLink]：

<a [routerLink]="['/route-name', id]" href="">Go to mymodule</a>

另外，你不应该忘记改变路由配置，如：

[path: 'route-name/:id', component:ComponentName, pathMatch: 'full']

使用navigateByUrl：

import { Router } from '@angular/router';

constructor(private router: Router) { }

myFunc = function () {
        this.router.navigateByUrl('/route-name', {queryParams:{param-key: param-value}});
};