在Angular中，可以使用QueryParamsHandling选项来控制URL参数的处理方式。默认情况下，查询参数会被包含在URL中。

要解决问题，您可以使用queryParamsHandling选项将查询参数排除在URL之外。可以在路由配置中指定此选项，并将其设置为"preserve"或"merge"，具体取决于您的需求。

以下是一个示例代码：

import { Component } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';

@Component({
  selector: 'app-example',
  template: `
    Go to Page
  `
})
export class ExampleComponent {
  constructor(private router: Router) {}

  navigateToPage() {
    this.router.navigate(['/page'], {
      queryParams: { id: 1 },
      queryParamsHandling: 'merge' // 将查询参数合并到URL中，但保留其他查询参数
    });
  }
}

在上面的示例中，当用户点击按钮时，将导航到'/page?id=1'。如果URL已经包含其他查询参数，例如'/page?name=test'，那么导航后的URL将为'/page?id=1&name=test'。

通过使用queryParamsHandling选项，您可以灵活地控制查询参数的处理方式，以满足您的需求。