angular9教程之监听子路由变化

Fork Me On Github

需求

根据下级路由改变父组件的菜单选中

解决方法

主要通过 this.router.events.subscribe 获取路由的变化

ts
           
export class FrontendComponent {
    constructor(
        private router: Router) {
        this.router.events.subscribe(event => {
            if (event instanceof NavigationEnd) {
                // event.url  '/blog'
                this.routerChanged(event.url);
            }
        });
    }
}
1234567891011

获取当前路由网址进行切换

点击查看全文
标签: angular
0 859 0
在 angular 项目中实现对页面的访问控制
按下回车键,焦点移动到下一个表单或提交表单
使用ng-template 显示tree结构数据
使用 ViewContainerRef.createComponent 替代 ComponentFactoryResolver
angular 12使用 KaTex 显示 AsciiMath 格式的公式