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

相关内容

热门资讯

了解辅助!wepokerplu... 了解辅助!wepokerplus透视脚本免费,创思维激k是不是有挂,开挂(透视)辅助工具(真的有挂)...
开挂辅助!牵手app破解,we... 开挂辅助!牵手app破解,werplan有挂吗(透视)开挂辅助安装(有挂细节);亲真的是有正版授权,...
详细辅助!wejoker黑侠辅... 详细辅助!wejoker黑侠辅助器,情怀打七开辅助,开挂(透视)辅助工具(有挂助手);情怀打七开辅助...
开挂辅助!边锋干瞪眼辅助器,来... 开挂辅助!边锋干瞪眼辅助器,来玩德州破解器(透视)开挂辅助下载(有挂神器);1、不需要AI权限,帮助...
盘点辅助!wpk透视辅助方法,... 盘点辅助!wpk透视辅助方法,新玉海楼游戏茶苑脚本,开挂(透视)辅助安装(真的有挂);亲真的是有正版...
细节辅助!wpk辅助软件,四川... 细节辅助!wpk辅助软件,四川蜀山辅助软件下载,开挂(透视)辅助安装(有挂详情);四川蜀山辅助软件下...
分享开挂!wepoker免费透... 分享开挂!wepoker免费透视脚本,功夫川小程序辅助,开挂(透视)辅助下载(真的有挂);详细wep...
关于辅助!wepoker怎么破... 【福星临门,好运相随】;关于辅助!wepoker怎么破解游戏,边锋干橙眼ios辅助微信,开挂(透视)...
关于开挂!线上德州的辅助器是什... 关于开挂!线上德州的辅助器是什么,小程序财神十三张祈福,开挂(透视)辅助平台(有挂猫腻);1、很好的...
必看开挂!aapoker脚本怎... 必看开挂!aapoker脚本怎么用,wepoker私人局辅助器,开挂(透视)辅助工具(了解有挂),w...