Angular如何在从后退导航返回时有条件地触发函数?
创始人
2024-10-29 08:00:39
0

可以通过Angular的路由守卫来实现条件触发函数的功能。首先,在路由守卫中检查路由是否是返回操作,如果是,则检查条件是否满足,如果满足,则触发函数。

示例代码:

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';

@Injectable({
  providedIn: 'root'
})
export class MyGuard implements CanActivate {
  constructor(private router: Router) {}

  canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    const isBack = this.router.getCurrentNavigation()?.previousNavigation != null;
    const condition = // 检查条件是否满足
    if (isBack && condition) {
      // 触发函数
      return true;
    } else {
      return false;
    }
  }
}

在需要触发函数的路由上设置路由守卫:

const routes: Routes = [
  {
    path: 'my-path',
    component: MyComponent,
    canActivate: [MyGuard]
  }
];

相关内容

热门资讯

8分钟分享!衢州都莱辅助器下载... 8分钟分享!衢州都莱辅助器下载地址,九九山城万州版脚本(一贯存在有挂)-哔哩哔哩衢州都莱辅助器下载地...
1分钟揭露!新悠悠挂,广西老友... 1分钟揭露!新悠悠挂,广西老友玩有破解吗(本来真的是有挂)-哔哩哔哩广西老友玩有破解吗是一种具有地方...
五分钟科普!乐胡摆叫有没有黑科... 五分钟科普!乐胡摆叫有没有黑科技,微友约局辅助(一直存在有挂)-哔哩哔哩亲,关键说明,乐胡摆叫有没有...
第7分钟科普!宁波同乡游辅助下... 第7分钟科普!宁波同乡游辅助下载,余干六副辅助(其实存在有挂)-哔哩哔哩运宁波同乡游辅助下载辅助工具...
十分钟解谜!新上游辅助器,大菠... 十分钟解谜!新上游辅助器,大菠萝挂机辅助(本来是有挂)-哔哩哔哩1、大菠萝挂机辅助透视辅助简单,大菠...
第9分钟揭露!边锋干瞪眼辅助器... 第9分钟揭露!边锋干瞪眼辅助器,大菠萝789辅助(果然是真的挂)-哔哩哔哩1、边锋干瞪眼辅助器系统规...
4分钟详情!山西扣点点辅助,山... 4分钟详情!山西扣点点辅助,山西扣点点辅助挂定制交易平台(一贯有挂)-哔哩哔哩一、山西扣点点辅助挂定...
四分钟解迷!多乐跑得快游戏辅助... 四分钟解迷!多乐跑得快游戏辅助脚本,菜鸟黑桃a3辅助(竟然是真的挂)-哔哩哔哩1、玩家可以在多乐跑得...
6分钟揭幕!至友互娱情怀辅助,... 6分钟揭幕!至友互娱情怀辅助,微信卡五星辅助(确实真的是有挂)-哔哩哔哩1、不需要AI权限,帮助你快...
第六分钟总结!闲娱江西脚本,衢... 第六分钟总结!闲娱江西脚本,衢州都莱辅助器免费(本来是真的挂)-哔哩哔哩1、下载好衢州都莱辅助器免费...