在Angular 4中，如果在查询参数中设置初始值，可能会导致onChange导航循环的问题。以下是一个解决方法的代码示例：

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

@Component({
  selector: 'app-example',
  template: `
    Navigate
  `
})
export class ExampleComponent implements OnInit {
  constructor(private route: ActivatedRoute, private router: Router) {}

  ngOnInit() {
    // 订阅查询参数的变化
    this.route.queryParams.subscribe(params => {
      if (params.initialValue) {
        // 如果存在初始值，将其删除并导航到新URL
        const updatedParams = { ...params };
        delete updatedParams.initialValue;
        this.router.navigate([], { queryParams: updatedParams });
      }
    });
  }

  navigate() {
    // 导航到带有初始值的URL
    this.router.navigate([], { queryParams: { initialValue: 'example' } });
  }
}

在这个示例中，我们订阅了查询参数的变化，并在有初始值时删除它并导航到新URL。然后，在navigate方法中，我们可以使用初始值导航到带有初始值的URL。

这样做的目的是避免在初始值设置时导致onChange循环，因为在Angular中，查询参数的变化会触发组件的onChange生命周期钩子，如果在这个钩子中导航到新URL，又会触发新的onChange循环。通过删除初始值并在导航时避免这个问题。