使用angular10获取“类型‘typeof’上不存在属性'route‘”

问题描述： 使用Angular 10获取“类型'typeof'上不存在属性'route'”。

回答： 在Angular 10中，当我们尝试使用typeof来获取某个类型的属性时，可能会遇到“类型'typeof'上不存在属性'route'”的错误。这是因为typeof操作符只能获取类型的静态部分，而不包括运行时的实例属性。

要解决这个问题，我们可以使用@ViewChild装饰器来获取路由对象。@ViewChild允许我们在组件中引用子组件、指令或DOM元素，并访问它们的属性和方法。

首先，确保你已经在组件中导入了ViewChild和Router：

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

然后，在组件类中使用@ViewChild装饰器来获取路由对象：

export class YourComponent implements AfterViewInit {
  @ViewChild(Router) router: Router;

  ngAfterViewInit() {
    // 在这里可以访问路由对象的属性和方法
    console.log(this.router.url);
  }
}

在上面的示例中，我们使用@ViewChild(Router)来获取路由对象，并将其赋值给router属性。然后，在ngAfterViewInit生命周期钩子中，我们可以访问路由对象的属性和方法，例如url属性。

这样，我们就可以成功获取路由对象，而不会再遇到“类型'typeof'上不存在属性'route'”的错误。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe