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方法。

相关内容

热门资讯

透视ai!德普之星私人局透视,... 透视ai!德普之星私人局透视,德普之星透视辅助(透视)好像是有挂(有挂猫腻)-哔哩哔哩1、在德普之星...
现场直击!hhpoker怎么破... 现场直击!hhpoker怎么破解,hhpoker底牌透视脚本,烘培教程(有挂功能)-哔哩哔哩小薇(辅...
透视讲解!德普之星辅助器app... 透视讲解!德普之星辅助器app,德普之星透视软件免费入口官网(透视)果然是有挂(有挂方法)-哔哩哔哩...
现有说明如下!闲逸辅助脚本,雀... 现有说明如下!闲逸辅助脚本,雀友会潮汕图片辅助器,窍门教程(有人有挂)-哔哩哔哩1、每一步都需要思考...
透视了解!德普之星怎么开辅助,... 透视了解!德普之星怎么开辅助,德普之星私人局透视(透视)本来真的有挂(有挂秘诀)-哔哩哔哩1、点击下...
据通报!樱花之盛辅助真的假的,... 据通报!樱花之盛辅助真的假的,hhpoker德州透视挂,办法教程(有挂细节)-哔哩哔哩所有人都在同一...
截至目前!茶馆游戏辅助,微乐小... 截至目前!茶馆游戏辅助,微乐小程序脚本,攻略教程(有挂辅助)-哔哩哔哩微乐小程序脚本脚本下载中分为三...
透视讲解!德普之星辅助工具如何... 透视讲解!德普之星辅助工具如何设置,如何下载德普之星辅助软件(透视)真是存在有挂(有挂解惑)-哔哩哔...
透视系统!德扑圈透视挂,德普之... 您好,德普之星透视辅助软件这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很...
此事备受玩家关注!鄱阳翻精辅助... 此事备受玩家关注!鄱阳翻精辅助下载,WePOker有没有透视方法,妙计教程(详细教程)-哔哩哔哩1、...