我希望防止页面在任何地方被刷新。
我尝试了以下代码。
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { CommonServices } from '../services/common.service';
@Component({
selector: 'app-review-prescription',
templateUrl: './review-prescription.component.html',
styleUrls: ['../../assets/css/prescriptionView.css'],
providers:[
CommonServices
]
})
export class ReviewPrescriptionComponent implements OnInit {
constructor(
private commonServices:CommonServices,
private router:Router
){}
ngOnInit(){
window.onbeforeunload = function(event) {
return 'By refreshing this page you may lost all data.';
}
}
}
我尝试在ngOnChanges()
,ngOnInit()
,ngOnDestroy()
上使用过,甚至在组件类之外(抱歉不合逻辑),但什么都没有作用?
我需要 Angular 或 JavaScript 的解决方案,而不是 jQuery。
谢谢。
window.onbeforeunload
不工作 :( - RajnishCoder