angular 如何判断路由是否存在

在 Angular 中，你可以使用 `Router.navigateByUrl()` 方法来判断路由是否存在。

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

constructor(private router: Router) {}

checkRouteExists(route: string) {
  return this.router.navigateByUrl(route).then(() => true).catch(() => false);
}

在这个例子中，你可以传入路由路径的字符串，然后使用 `navigateByUrl()` 方法尝试导航到该路由。如果导航成功，则返回 `true`，否则返回 `false`。

注意：这个方法并不能判断路由是否有效，因为如果路由不存在也会返回 `false`。

相关问题

angular 判断路由是否存在，不存在跳到404，存在就跳到相应路由

你可以使用 Angular 的 Router 类的 navigate 方法来跳转到另一个路由。你可以使用 Router 类的 url 方法来获取当前路由的 URL。你可以在你的路由配置中设置一个通配符路由，用来匹配所有无法匹配到其它路由的 URL。然后你就可以在通配符路由的组件中处理 404 错误。

示例代码：

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

@Component({
  // 省略其它代码
})
export class MyComponent {
  constructor(private router: Router) { }

  checkRouteExistence(routeUrl: string) {
    const currentUrl = this.router.url;
    if (currentUrl === routeUrl) {
      // 当前路由存在
      // 你可以在这里做一些其它的处理
    } else {
      // 路由不存在，跳转到 404 页面
      this.router.navigate(['/404']);
    }
  }
}

在angular中，我有一个路由'/sdfsd/sss/ss',实现在一函数，判断路由配置对象中是否存在该路由

### 回答1：
在 Angular 中，你可以使用 ActivatedRoute 服务来获取当前路由的配置信息。你可以注入 ActivatedRoute 服务，然后使用其中的 snapshot 属性来获取路由配置对象。例如：

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

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  const routeConfig = this.route.snapshot.routeConfig;
  console.log(routeConfig);
}

然后你就可以使用 JavaScript 的一些方法，例如 hasOwnProperty() 或者是 in 运算符来判断路由配置对象中是否存在该路由。

if (routeConfig.hasOwnProperty('/sdfsd/sss/ss')) {
  // 路由配置对象中存在该路由
} else {
  // 路由配置对象中不存在该路由
}

### 回答2：
在Angular中，可以使用`Router`模块来判断路由配置对象中是否存在指定的路由。首先，需要在组件中导入`Router`模块，然后在构造函数中注入`Router`服务。接下来，可以使用`config`属性获取路由配置对象，然后通过遍历判断是否存在指定的路由。

下面是一个示例代码，展示了如何实现以上功能：

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

@Component({
  selector: 'app-test',
  template: ''
})
export class TestComponent {
  constructor(private router: Router) {
    const targetRoute = '/sdfsd/sss/ss';
    const routes = this.router.config;
    let isRouteExist = false;

    for (const route of routes) {
      if (route.path === targetRoute) { // 判断路由是否存在
        isRouteExist = true;
        break;
      }
    }

    console.log(`路由${targetRoute}${isRouteExist ? '存在' : '不存在'}`);
  }
}

在上述示例中，我们创建了一个名为`TestComponent`的组件。在该组件的构造函数中，我们首先定义了目标路由`targetRoute`为`/sdfsd/sss/ss`。然后使用`this.router.config`获取路由配置对象，并通过用`for`循环遍历该配置对象。在循环中，通过判断每一个路由对象的`path`属性是否与目标路由相同，来确定是否存在指定的路由。如果存在，将`isRouteExist`标记为`true`，并跳出循环。最后，根据`isRouteExist`的值，打印出相应的提示信息。

需要注意的是，以上代码仅仅是演示了如何在Angular中实现判断路由配置对象中是否存在指定路由的功能。实际应用中，可以根据具体需求进行适当的修改和优化。

### 回答3：
在Angular中，我们可以使用Router API来判断路由配置对象中是否存在特定的路由。首先，在使用之前，我们需要注入Router对象来访问Router API的功能。在组件或服务中，我们可以通过构造函数的参数方式来实现这一操作。

假设我们有一个路由配置对象routes，其中包含了一系列的路由规则。现在我们想要判断是否存在路由'/sdfsd/sss/ss'，可以通过调用Router对象的config属性来获取路由配置信息。然后，通过遍历路由配置，逐一匹配路由路径，从而判断是否存在该路由。

下面是该实现的代码示例：

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

@Component({
  selector: 'app-example',
  template: '...',
})
export class ExampleComponent implements OnInit {

  constructor(private router: Router) {}

  ngOnInit() {
    const routes = this.router.config;

    const desiredRoute = '/sdfsd/sss/ss';
    const hasRoute = routes.some(route => route.path === desiredRoute);

    console.log(hasRoute); // 输出true或false，表示是否存在该路由
  }

}

在示例代码中，我们通过Router对象的config属性获取了路由配置对象routes。然后，我们定义了一个变量desiredRoute来存储需要判断的路由路径。接着，我们使用数组的some方法来遍历路由配置，判断是否有路由的路径与desiredRoute相匹配。最后，我们通过console.log输出结果，表示是否存在该路由。

需要注意的是，上述代码中的ExampleComponent是一个组件示例，需要将其加入到模块的declarations数组中，并在模板中进行渲染。

总之，在Angular中，我们可以通过Router API来判断路由配置对象中是否存在特定的路由。通过获取路由配置信息，并逐一匹配路由路径，我们可以判断是否存在某个具体的路由。