首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在调试断点处,路由器导航终端订阅中的Angular 9 'this‘定义不足

在调试断点处,路由器导航终端订阅中的Angular 9 'this'定义不足。

这个问题可能是由于在路由器导航终端订阅中,'this'的定义不足所导致的。在Angular中,当使用箭头函数时,可以确保在回调函数中正确引用当前组件的上下文。如果没有使用箭头函数,'this'的上下文可能会发生变化,导致无法正确访问组件的属性和方法。

为了解决这个问题,可以尝试以下几个步骤:

  1. 使用箭头函数:在路由器导航终端订阅的回调函数中,使用箭头函数来确保正确引用当前组件的上下文。例如:
代码语言:txt
复制
this.router.events.subscribe((event) => {
  // 在这里可以正确访问组件的属性和方法
});
  1. 使用bind方法:如果箭头函数无法使用,可以使用bind方法来绑定正确的上下文。例如:
代码语言:txt
复制
this.router.events.subscribe(function(event) {
  // 在这里可以通过bind方法绑定正确的上下文
}.bind(this));
  1. 使用类属性:将需要在回调函数中使用的属性提升为类的属性,以便在整个组件中都可以访问。例如:
代码语言:txt
复制
class YourComponent {
  routerEvents: any;

  constructor(private router: Router) {
    this.routerEvents = this.router.events;
  }

  ngOnInit() {
    this.routerEvents.subscribe((event) => {
      // 在这里可以通过this.routerEvents访问属性
    });
  }
}

以上是解决'this'定义不足的一些常见方法。根据具体情况选择适合的方法来确保在路由器导航终端订阅中正确引用组件的上下文。

关于Angular 9的更多信息,您可以参考腾讯云的Angular产品介绍页面:Angular产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

IntelliJ IDEA 2022.2.2汉化版免登陆账号「winmac」

2、编辑- 跳转到闭合括号/引用Tab现在,键入时,您可以使用Tab结束括号或结束引号之外导航。...Preferences |定义此行为 版本控制| Git。5、JVM调试器- 新断点意图对于调试Java项目,IntelliJ IDEA 2019包含几个新便捷断点意图操作。...IntelliJ IDEA 2019,如果某个条件适用于调用堆栈,则可以断点停止。新调用者过滤器允许您仅在从指定方法调用断点停止。或者,反之亦然,如果从该方法调用它,它将不会停在断点。...- 与Angular CLI新集成IntelliJ IDEA 2019,由于与ng add集成,您可以为Angular应用程序添加新功能。.... | Angular Dependency ...ng不使用终端情况下安装支持使用add 进行安装操作。

4.7K30

Angular核心-路由和导航

Angular核心-路由和导航 博客首页:蔚说博客 欢迎关注点赞收藏⭐️留言 作者水平很有限,如果发现错误,求告知,多谢! 有问题可私信交流!!!...(达内教育学习笔记)仅供学习交流 @[TOC]Angular核心-路由和导航) 多页面应用 :一个项目有多个完整HTML文件,使用超链接跳转–摧毁一颗DOM树,同步请求另一颗,得到之后再重建新DOM...==单页面应用优势:==整个项目中客户端只需要下载一个HTML页面,创建一个完整DOM树,页面跳转都是一个DIV替换另一个DIV而已—能够实现过场动画 单页面应用不足:不利于SEO优化 Angular...()函数里边实现读取当前路由地址参数: ngOnInit(): void { //组件初始化完成,读取路由参数,进而根据此参数做操作 //Observable对象必须订阅使用...会根据当前路由器状态动态填充它。

2.2K20
  • 【收藏】100 个 PyCharm For Mac 快捷键

    作为真正生产力工具 Mac, Python 开发配合 PyCharm 快捷键, 可以让生产力倍增, 本文用 按键位分类 和 按功能分类 两种方式整理 PyCharm 快捷键....command+B 查看定义源码 Shift + shift+F2 查看上一个错误或警告 shift+F6 重命名 shift+F8 Step Out 跳出子函数 shift+F9 Debug 调试...Alt+F1 快速查看文件 / 文件夹结构 Alt+F12 打开 Terminal 终端 Alt+F9 调试时运行至光标 Command + Shift + command+shift++/- 展开...over, 单步调试不进入子函数 F9 继续执行程序, 跳至下一个断点 F2 下一个错误或警告 Tab 缩进代码 Esc 退出工具窗口进入代码编辑器 ---- 按功能 Edit 编辑 command..., 单步调试不进入子函数 F9 继续执行程序 Alt+F9 调试时运行至光标 command+F2 Stop 停止运行 command+F8 添加 / 取消断点 command+shift+F8 查看所有断点

    7K11

    Angular12个经典问题,看看你能答对几个?(文末附带Angular测试)

    ngOnDestroy:Angular销毁指令/组件之前清除。取消订阅可观察对象并脱离事件处理程序,以避免内存泄漏。...Angular 2路由工作原理是什么? 路由是能够让用户视图/组件之间导航机制。Angular 2简化了路由,并提供了模块级(延迟加载)下配置和定义灵活性。 ...成功匹配时,它会应用重定向,此时路由器会构建ActivatedRoute对象树,同时包含路由器的当前状态。重定向之前,路由器将通过运行保护(CanActivate)来检查是否允许新状态。...简而言之,EventEmitter是@ angular/core模块定义类,由组件和指令使用,用来发出自定义事件。...这通常用在setter,当类值被更改完成时。 可以通过模块任何一个组件,使用订阅方法来实现事件发射订阅

    17.3K80

    包教包会,手把手教你配置NetBeans IDE

    5.3 自定义配色方案 Fonts & Colors 选项卡,可以自定义编辑器配色方案,根据个人喜好调整颜色。 6....调试配置 7.1 配置调试器 打开设置:导航到 Java -> Debugger,配置调试选项。 常用设置包括配置断点调试视图和调试控制台。...7.2 设置断点和启动调试 代码行号区域点击设置断点。 右键点击代码文件,选择 Debug -> Debug File 启动调试调试过程,您可以使用调试工具栏查看变量、单步执行代码等。...8.2 启用代码检查 设置中导航到 Editor -> Hints,启用和配置各种代码检查规则。 可以根据项目需要调整检查规则严格程度,确保代码质量。 9....项目属性中导航到 Libraries,确保配置了正确 JDK。 12.3 调试无法启动 检查调试配置是否正确,确保选择了合适解释器和调试器。 更新调试器依赖包,以确保兼容性。

    36910

    软件测试|Pycharm运行与调试

    图片代码调试DebugBug大家都知道是程序错误,bug存在导致程序不能正常运行。而DeBug字面意思就是解决Bug。代码调试方式与运行脚本方式类似,主要也是三种方法。...右键Debug图片导航栏Debug图片点击导航栏绿色小虫图标即可Debug。...图片图片Debug控制面板图片Rerun xxx,重新debug运行程序Resume Program,跳过当前断点,直接运行到下一断点,快捷键:F9Stop xxx,停止并关闭当前Debug程序View...钮如下图蓝色箭头标注所示Show DeBug Console,可以右侧终端输入变量值或者表达式,按回车之后,会返回相应结果。...图片设置断点属性断点小红点上右键,我们会发现这样一个界面图片通过配置Condition内容,当程序符合Conditioin条件时,才会在当前断点暂停(挂起)比如,上面代码,我设置i = 2时

    1.3K10

    史上最全 PyCharm(Mac+Windows版) 快捷键整理

    ⌘R 文件内替换 ⌘⇧F 全局查找(根据路径) ⌘⇧R 全局替换(根据路径) ⌥F7 / ⌘F7 文件查找用法 / 查找用法 ⌘⇧F7 文件突出显示用法...⌃D 调试 ⌃⇧R, ⌃⇧D 从编辑器运行上下文环境配置 调试 F8 进入下一步,如果当前行断点是一个方法,则不进入当前方法体内 F7 进入下一步,如果当前行断点是一个方法,则进入当前方法体内...,如果该方法体还有方法,则不会进入该内嵌方法 ⇧F7 智能步入,断点所在行上有多个方法调用,会弹出进入哪个方法 ⇧F8 跳出 ⌥F9 运行到光标,如果光标前有其他断点会进入到该断点.../变量接口或是定义 ⌘⌥B 跳转到实现某个调用方法名上使用会跳到具体实现,可以跳过接口 ⌥ Space, ⌘Y 快速打开光标所在方法、类定义 ⌃⇧B 跳转到类型声明处...+ F10 运行 Shift + F9 调试 Ctrl + Shift + F10 运行编辑器配置 Ctrl + Alt + R 运行.py任务 调试 F8 跳过 F7

    1.6K20

    史上最全 PyCharm(Mac+Windows版) 快捷键整理,建议收藏备用

    / 查找用法 ⌘⇧F7 文件突出显示用法 ⌘⌥F7 显示用法 ⌘⇧S 查询结构(Ultimate Edition 版专用,需要在Keymap设置) ⌘⇧M 替换结构(Ultimate...⌃R 运行 ⌃D 调试 ⌃⇧R, ⌃⇧D 从编辑器运行上下文环境配置 调试 F8 进入下一步,如果当前行断点是一个方法,则不进入当前方法体内 F7 进入下一步,如果当前行断点是一个方法,则进入当前方法体内...,如果该方法体还有方法,则不会进入该内嵌方法 ⇧F7 智能步入,断点所在行上有多个方法调用,会弹出进入哪个方法 ⇧F8 跳出 ⌥F9 运行到光标,如果光标前有其他断点会进入到该断点 ⌥F8 计算表达式...Finder) ⌘B / ⌘ 鼠标点击 进入光标所在方法/变量接口或是定义 ⌘⌥B 跳转到实现某个调用方法名上使用会跳到具体实现,可以跳过接口 ⌥ Space, ⌘Y 快速打开光标所在方法...调试模式配置 Shift + F10 运行 Shift + F9 调试 Ctrl + Shift + F10 运行编辑器配置 Ctrl + Alt + R 运行.py任务 调试 F8 跳过 F7 进入

    3.2K20

    AngularDart 4.0 高级-路由概述 顶

    本指南涵盖路由器主要功能,通过演示可以实时运行小应用程序(查看源代码)演示它们。 概观 浏览器是一种熟悉应用程序导航模型: 地址栏输入一个URL,然后浏览器导航到相应页面。...当用户点击按钮,从下拉框中选择,或者响应来自任何来源其他刺激时,您都可以进行命令式导航。并且路由器浏览器历史记录记录活动,所以后退和前进按钮也起作用。...设置概述 添加angular_router 路由器功能位于angular_router库,该库自带软件包。...在任何使用路由器功能Dart文件,导入路由器库: import 'package:angular_router/angular_router.dart'; 注册提供者和列表指令 如果您已经熟悉Angular...RouteDefinition 定义路由如何根据URL模式导航到组件。 Route 一种RouteDefinition。 定义路由器如何根据URL模式导航到组件。

    6.1K20

    Mac IntelliJ IDEA 快捷键终极大全,速度收藏!

    ) ⌘⇧M 替换结构(Ultimate Edition 版专用,需要在Keymap设置) 三、Usage Search(使用查询) ⌥F7 / ⌘F7 文件查找用法 / 查找用法 ⌘⇧F7...文件突出显示用法 ⌘⌥F7 显示用法 四、Compile and Run(编译和运行) ⌘F9 编译Project ⌘⇧F9 编译选择文件、包或模块 ⌃⌥R 弹出 Run 可选择菜单 ⌃⌥D...弹出 Debug 可选择菜单 ⌃R 运行 ⌃D 调试 ⌃⇧R, ⌃⇧D 从编辑器运行上下文环境配置 五、Debugging(调试) F8 进入下一步,如果当前行断点是一个方法,则不进入当前方法体内 F7...进入下一步,如果当前行断点是一个方法,则进入当前方法体内,如果该方法体还有方法,则不会进入该内嵌方法 ⇧F7 智能步入,断点所在行上有多个方法调用,会弹出进入哪个方法 ⇧F8 跳出 ⌥F9 运行到光标...,弹出层中有很多目标可以进行选择(如在代码编辑窗口可以选择显示该文件Finder) ⌘B / ⌘ 鼠标点击 进入光标所在方法/变量接口或是定义 ⌘⌥B 跳转到实现某个调用方法名上使用会跳到具体实现

    2.2K30

    Idea 常用功能汇总,工作中常用技巧,移出请说明原因,笔记花了好长时间汇总

    Ctrl+Shift+F7 高亮当前文件使用处 Ctrl+Alt+F7 列出使用者 3.3 编译/ 运行 快捷键 功能描述 Ctrl+F9 Make 模块、项目 Ctrl+Shift+F9 编译选中文件...Shift+F10 运行代码 3.4 调试 快捷键 功能描述 F8 单步调试,不进入函数内部 F7 单步调试,进入函数内部 Shift+F7 选择要进入函数 Shift+F8 跳出函数 Alt+F9...运行到断点 Alt+F8 执行表达式查看结果 F9 继续执行,进入下一个断点或执行完程序 Ctrl+F8 设置/取消当前行断点 Ctrl+Shift+F8 查看断点 3.4 导航 快捷键 功能描述...Ctrl+Alt+Right 跳到光标的下一个位置 Ctrl+Shift+Backspace 跳到上一个编辑 Alt+F1 选择当前文件显示不同视图中 Ctrl+B or Ctrl+Click...跳到类声明处 Ctrl+Alt+B 跳到实现类/方法 Ctrl+Shift+I 显示类/变量/方法定义 Ctrl+Shift+B 跳到类型定义 Ctrl+U 跳到父类/方法 Alt+Up 光标移动到上一个方法

    1.4K60

    IntelliJ IDEA 配置教程,教你彻底学会去安装它

    插件和扩展 4.1 安装插件 打开设置:点击 File -> Settings,导航到 Plugins。 Marketplace 标签,搜索并安装您需要插件。...常用设置包括启用 Gevent compatible 选项和配置 GDB 以调试 C 扩展模块。 7.2 设置断点和启动调试 代码行号区域点击设置断点。...右键点击代码文件,选择 Debug 启动调试调试过程,您可以使用调试工具栏查看变量、单步执行代码等。 8....8.2 启用代码检查 设置中导航到 Editor -> Inspections,启用和配置各种代码检查规则。 可以根据项目需要调整检查规则严格程度,确保代码质量。 9....10.2 配置终端 设置搜索 Terminal,可以配置默认终端,例如 bash、zsh 或 powershell。 11.

    43510

    python自动补全设置_python代码补全

    Shift + Enter 语句完成 Ctrl + P 参数信息(方法调用参数) Ctrl + Q 快速查看文档 Shift + F1 外部文档 Ctrl + 鼠标简介 Ctrl + F1显示错误描述或警告信息...) F8跳过 F7 进入 Shift + F8退出 Alt +F9运行游标 Alt + F8验证表达式 Ctrl + AIt + F8快速验证表达式 F9恢复程序 Ctrl + F8断点开关 Ctrl...+ Shift+ F8查看断点 4、导航(Navigation) Ctrl + N 跳转到类 Ctrl + Shift + N跳转到符号 Alt + Right/Left跳转到下一个、前一个编辑选项卡...+ R Run,运行 Ctrl + DDebug,调试 Shift + F9 Debug,调试 Shift + F10Run,运行 Shift + Alt + F10 选择要运行文件 F7...Step into 进入子函数调试 F8 Step over 单步调试不进入子函数 F9 继续执行程序 Alt + F9 调试时运行至光标 Command + F2 Stop停止运行 Command

    2.3K20

    python注释多行代码快捷键_python粘贴快捷键

    F7进入 Shift + F8退出 Alt + F9运行游标 Alt + F8验证表达式 Ctrl + Alt + F8快速验证表达式 F9恢复程序 Ctrl + F8断点开关 Ctrl + Shift...+ F8查看断点 5、导航(Navigation)Ctrl + N跳转到类 Ctrl + Shift + N跳转到符号 Alt + Right/Left跳转到下一个、前一个编辑选项卡 F12回到先前工具窗口...F4 / Ctrl + Enter编辑资源、查看资源 Alt + Home显示导航条F11书签开关 Ctrl + Shift +F11书签助记开关 Ctrl #[0-9]+跳转到标识书签 Shift...ctrl + R Run 运行 ctrl + D Debug 调试 shift + F9 Debug 调试 shift + F10 Run 运行 shift + Alt + F10 选择要运行文件...F7 Step into, 进入子函数调试 F8 Step over, 单步调试不进入子函数 F9 继续执行程序 Alt + F9 调试时运行至光标 command + F2 Stop 停止运行 command

    1.2K20

    VsCode 各场景高级调试技巧,有用!

    下移一行 垂直标尺 配置文件添加如下配置,可以增加字符数标尺辅助线 "editor.rulers": [40, 80, 100] 复制代码 image.png 进阶技巧 断点基本使用 下面以...VsCode快速调试一个Node项目为例,演示断点基本使用。...步骤如下: 指定位置按Shift + F9 image.png 调试之后,每次运行到该内联代码都会中断 image.png 补充知识点:数据面板介绍 数据面板可以查看所有变量 image.png...主进程相关代码上打上断点,然后启动调试主进程命令就可以调试主进程了 image.png 注意,这里options参数是根据实际情况,自定义添加我们运行项目时所需要参数,比如我这里因为启动项目的...image.png 开始调试渲染进程 切换到渲染进程调试选项,渲染进程代码打上断点,点击调试

    1.2K20

    分享 10 多条超有用 VsCode 各场景高级调试技巧

    下移一行 垂直标尺 配置文件添加如下配置,可以增加字符数标尺辅助线 "editor.rulers": [40, 80, 100] 复制代码 image.png 进阶技巧 断点基本使用 下面以...VsCode快速调试一个Node项目为例,演示断点基本使用。...步骤如下: 指定位置按Shift + F9 image.png 调试之后,每次运行到该内联代码都会中断 image.png 补充知识点:数据面板介绍 数据面板可以查看所有变量 image.png...主进程相关代码上打上断点,然后启动调试主进程命令就可以调试主进程了 image.png 注意,这里options参数是根据实际情况,自定义添加我们运行项目时所需要参数,比如我这里因为启动项目的...image.png 开始调试渲染进程 切换到渲染进程调试选项,渲染进程代码打上断点,点击调试

    1.8K40

    PyCharm快捷键大全(windows+mac)

    + F8 断点开关 Ctrl + Shift + F8 查看断点 5、导航(Navigation) 快捷键 功能 Ctrl + N 跳转到类 Ctrl + Shift + N 跳转到符号 Alt...导航到最近编辑区域 Alt + F1 查找当前文件或标识 Ctrl+B / Ctrl+Click 跳转到声明 Ctrl + Alt + B 跳转到实现 Ctrl + Shift + I 查看快速定义...F4 / Ctrl + Enter 编辑资源、查看资源 Alt + Home 显示导航条F11书签开关 Ctrl + Shift +F11 书签助记开关 Ctrl #[0-9] + 跳转到标识书签...选择要运行文件 F7 Step into, 进入子函数调试 F8 Step over, 单步调试不进入子函数 F9 继续执行程序 Alt + F9 调试时运行至光标 command + F2 Stop...Add 添加到 VCS 版本控制 8.代码信息 ctrl + J 快速查看文档 command + Click 进入源码 command + B 查看定义源码 command + P 查看参数 Alt

    37.2K25

    IntelliJ IDEA 2021.2 正式发布,快来看看又出了哪些神器功能!

    /设置来回导航; 当你浏览器预览HTML文件时,IDE将自动显示HTML文件或链接CSS和JavaScript文件已保存更改。...9构建工具 可以使用自定义JDK时添加新JLink构件了; 可以WSL 2执行Ant任务; Gradle运行/调试配置已经被重做; 基本参数已被收集,你可以根据需要添加更多选项。...11终端 在内置终端中有两个新选项:光标形状选择和Option(⌥)键作为元修饰符与其他键组合能力。 12调试器 预览选项卡可以调试工作。...如果开启了这个特性,那么当你断点停止、逐步执行代码、帧之间导航或使用“prev/next frame”动作时,IDE会在一个选项卡依次打开文件。...你可以通过gutter图标缓存名称用法之间导航,使用Find用法,并为缓存标识符使用Rename重构; JavaScript和TypeScriptURL导航客户端(Angular或Axios)和服务器端

    2.7K50
    领券