Angular的routerLink只会触发一次ngOnInit
创始人
2024-10-24 09:31:14
0

在Angular中,routerLink只会触发一次ngOnInit的问题可以通过以下解决方法解决:

  1. 使用routerLinkActive指令:routerLinkActive可以在当前路由激活时添加一个CSS类,我们可以利用这个特性来触发组件的变化。在组件的ngOnInit方法中,我们可以监听routerLinkActive指令的isActive属性,并根据isActive的值来执行相应的逻辑。
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    Link
  `,
})
export class ExampleComponent implements OnInit {
  ngOnInit() {
    this.rla.isActive.subscribe((value: boolean) => {
      if (value) {
        // 执行相应的逻辑
      }
    });
  }
}
  1. 使用路由守卫:可以在路由守卫中监听路由变化,并在路由变化时执行相应的逻辑。
import { Component, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';

@Component({
  selector: 'app-example',
  template: `
    Link
  `,
})
export class ExampleComponent implements OnInit {
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.events.subscribe((event) => {
      if (event instanceof NavigationEnd && event.url === '/example') {
        // 执行相应的逻辑
      }
    });
  }
}

这两种解决方法都可以在routerLink被点击时执行相应的逻辑,而不仅限于ngOnInit方法。

相关内容

热门资讯

脚本教你!we poker游戏... 脚本教你!we poker游戏下,wepoker辅助器安装包(透视)其实有方法(哔哩哔哩)1、有没有...
透视有挂!德普之星辅助器怎么用... 透视有挂!德普之星辅助器怎么用,微乐自建房脚本最新版本更新内容,详细透视(有挂细节)-哔哩哔哩1、这...
脚本曝光!wepoker提高好... 脚本曝光!wepoker提高好牌率,wepoker可以开透视吗(透视)其实真的是有攻略(哔哩哔哩)小...
于此同时!wepoker插件程... 于此同时!wepoker插件程序激活码,微乐自建房安装挂免费,解谜透视(有挂教程)-哔哩哔哩1、这是...
脚本有挂!aapoker插件下... 脚本有挂!aapoker插件下载,aapoker俱乐部靠谱吗(透视)本来真的有攻略(哔哩哔哩)脚本有...
刚刚!newpoker怎么安装... 刚刚!newpoker怎么安装脚本,微乐小程序免费脚本,了解脚本(有挂教学)-哔哩哔哩1、玩家可以在...
透视揭露!wpk官网下载链接,... 透视揭露!wpk官网下载链接,wpk真的有透视嘛(透视)其实真的是有器(哔哩哔哩)1、完成有辅助插件...
透视模拟器!hhpoker是内... 透视模拟器!hhpoker是内部控制吗,微信小程序微乐破解器2024,解迷脚本(有挂秘诀)-哔哩哔哩...
透视专业!wpk模拟器多开,w... 透视专业!wpk模拟器多开,wpk插件(透视)好像存在有挂(哔哩哔哩)1、免费辅助多个强度级别选择2...
脚本教你!wepoker私人局... 脚本教你!wepoker私人局辅助挂,wepoker有辅助器吗(透视)都是有软件(哔哩哔哩)1)有没...