### Angular 中的 onSameUrlNavigation 属性用途（版本大于 5）
Angular 是一种流行的前端框架，它提供了许多功能来构建现代化的 Web 应用程序。在 Angular 版本大于 5 中，引入了一个名为 `onSameUrlNavigation` 的新属性，这个属性对于控制导航行为具有重要作用。#### 属性作用`onSameUrlNavigation` 属性主要用于控制当导航目标和当前 URL 相同时的行为。它允许开发者决定是否应该触发路由器导航事件，即使 URL 没有变化也可以进行导航。这在某些情况下尤为有用，比如当需要重新加载相同 URL 的内容时，或者在同一个路由下刷新组件状态。在 Angular 应用中，这个属性可以被设置为三种不同的值：`ignore`、`reload` 和 `default`。- `ignore`：当导航目标和当前 URL 相同时，完全忽略导航事件，不会触发路由器的导航。- `reload`：无论当前 URL 是否和导航目标相同，都会强制重新加载路由器的导航。- `default`：保持默认行为，即只有当 URL 发生变化时才会触发路由器的导航。#### 示例代码让我们来看一个简单的 Angular 组件，展示了如何使用 `onSameUrlNavigation` 属性：typescriptimport { Component } from '@angular/core';import { Router, NavigationExtras } from '@angular/router';@Component({ selector: 'app-example', template: ` `,})export class ExampleComponent { constructor(private router: Router) {} reloadPage() { // 设置导航选项，指定使用 reload 模式 const navigationExtras: NavigationExtras = { queryParamsHandling: 'preserve', onSameUrlNavigation: 'reload', }; // 重新导航到当前 URL this.router.navigate([], navigationExtras); }}在这个示例中，我们创建了一个简单的 Angular 组件 `ExampleComponent`，其中有一个按钮，当点击按钮时会重新加载当前页面。在 `reloadPage()` 方法中，我们设置了 `onSameUrlNavigation` 属性为 `'reload'`，这样即使当前 URL 没有变化，也会强制刷新页面。`onSameUrlNavigation` 属性为开发者提供了更多控制导航行为的灵活性，在特定场景下能够更好地管理应用程序的导航逻辑。