要清除所有导航历史记录，可以使用Angular的Router模块提供的navigateByUrl方法。

以下是一个示例代码：

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

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

  clearHistory() {
    const currentUrl = this.router.url;
    const routeUrl = '/' + currentUrl.split('/')[1]; // 获取根路由路径

    // 清除所有导航历史记录
    this.router.navigateByUrl(routeUrl, { skipLocationChange: true }).then(() => {
      this.router.navigate([currentUrl]);
    });
  }
}

在上面的示例中，我们通过点击一个按钮来触发clearHistory方法。该方法获取当前的URL，并使用split方法将其分割为多个部分。然后，我们使用navigateByUrl方法将路由导航到根路由，并通过skipLocationChange选项来跳过URL的更改。最后，我们再次使用navigate方法将路由导航回原来的URL。

这样做的效果是清除所有导航历史记录，并将URL重置为原始URL。