标签:confirm import 组件 log 文章 code 一个 mic 用户
1.创建路由CanDeactivate文件
import { CanDeactivate } from "@angular/router"; // import { UserLockComponent } from "../lock/lock.component"; import {UserLockComponent} from ‘./lock.component‘; export class BackGuard implements CanDeactivate<UserLockComponent>{ //第一个参数 范型类型的组件 //根据当前要保护组件 的状态 判断当前用户是否能够离开 canDeactivate(component: UserLockComponent){ if(component.backType == ‘history‘){ return false; }else if(component.backType == ‘submit‘){ return true; }else{ return false; } // return window.confirm(‘你还没有保存,确定要离开吗?‘); } }
2.路由中使用
3.当前页面的ts文件
4.其中的backtype 是用来判断当前的操作事件。我这应该不是好的办法,有好的方法,可以留言告诉我
借鉴文章 https://blog.csdn.net/Beiwei_Huang/article/details/105089187
标签:confirm import 组件 log 文章 code 一个 mic 用户
原文地址:https://www.cnblogs.com/zhawei/p/13032820.html