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

相关内容

热门资讯

正品辅助!挂机操作微乐,天酷辅... 【亲,挂机操作微乐 这款游戏可以开挂的,确实是有挂的,很多玩家在这款挂机操作微乐中打牌都会发现很多用...
详细辅助!来来舟山麻将辅助,胡... 来来舟山麻将辅助是一款专注玩家量身打造的游戏记牌类型软件,在来来舟山麻将辅助这款游戏中我们可以记录下...
推荐辅助!佛手十三道辅助,小闲... 推荐辅助!佛手十三道辅助,小闲川南手游辅助器,必看攻略开挂(真是有挂)>>您好:软件加薇136704...
教会辅助!山西扣点辅助工具,斗... 教会辅助!山西扣点辅助工具,斗棋联盟bug,必看攻略开挂(存在有挂) >>您好:软件加薇136704...
关于辅助!贵州闲来辅助工具,新... 大家好,今天小编来为大家解答贵州闲来辅助工具这个问题咨询软件客服可以免费测试直接加微信(136704...
科技辅助!战神辅助发卡官网,全... 战神辅助发卡官网开挂教程视频分享装挂详细步骤在当今的网络游戏中,战神辅助发卡官网作为一种经典的娱乐方...
细节辅助!胡乐辅助脚本,皇豪互... 细节辅助!胡乐辅助脚本,皇豪互众智能辅助器,透视软件开挂(存在有挂) 了解更多开挂安装加(13670...
原来有辅助!奇迹掌趣辅助,新畅... 原来有辅助!奇迹掌趣辅助,新畅游互娱辅助,关于开挂(有挂细节);无需打开直接搜索加(薇:136704...
盘点辅助!拱趴大菠萝辅助工具,... 盘点辅助!拱趴大菠萝辅助工具,禅游游戏辅助,重大通报开挂(有挂详情);无需打开直接搜索加(薇:136...
必看辅助!欢聚水鱼虎步龙行辅助... 必看辅助!欢聚水鱼虎步龙行辅助器下载,葫芦娃辅助脚本,查到实测辅助开挂(果真有挂);无需打开直接搜索...