Angular2 users are prompted when they close the page or return to the previous page

I want to see how to close the router page or return to the previous router page after the user enters the page. A prompt box appears when the user clicks OK and then closes or returns. Can bosses do this?

Angular5 angular4 angular2 javascript html

Mar.02,2021

Yes, subscribe to the route change, and then operate

CanDeactivate

import { CanDeactivate } from '@angular/router';
import { ProductComponent } from '../product/product.compnent';

export class UnsavedGuard implements CanDeavtivate<ProductComponent>{
    canDeavtivate(componnet: ProductComponent){
        return window.confirm("");
    }
}

// route.module.ts
import { UnsavedGuard } from './xx/unsaved.guard';

const routes: Routes = [
    
    { path: 'product', component: ProductComponent, canDeactivate:[UnsavedGuard] }
]
@NgModule({
    provider: [UnsavedGuard]
})

that's about it. You can see it on the official website. There are also cases
ide/router-sharpemcandeactivateem-handling-unsaved-changes" rel=" nofollow noreferrer "> https://angular.cn/guide/rout.

Previous: How to solve the problem that the bound data in the template of vue.js reports an error as `undefined`?

Next: The layout problem of controlling cards based on the combination of vmurforforellicrow and el-col