代码之家 › 专栏 › 技术社区 › Guilherme Caixeta

关闭浏览器时保存表单-Angular 5[复制]

angular5 c#

Guilherme Caixeta · 技术社区 · 8 年前

我在@HostListener上设置了一个断点,当我打开另一个组件时,它不会在那里中断。

我的代码中有遗漏吗?

import { Component, OnInit, HostListener } from '@angular/core';

Component({
    templateUrl: 'new-component.html'    
})

export class NewComponent implements OnInit {
    @HostListener('window:beforeunload') onBeforeUnload() {
            PostCall();
    }
}

0 回复 | 直到 8 年前

Grégory Elhaimer 8 年前

window:beforeunload 是在实际卸载页面之前触发的浏览器事件。

当您导航到另一个组件时,您实际上并没有卸载该页面。

ngOnDestroy 当组件被销毁时调用。实现以下接口:

https://angular.io/api/core/OnDestroy

export class NewComponent implements OnDestroy{
    ngOnDestroy() {
            PostCall();
    }
}

Chandru 8 年前

@HostListener('window:unload', ['$event'])
unloadHandler(event) {
    this.PostCall();
}

@HostListener('window:beforeunload', ['$event'])
beforeUnloadHander(event) {
    return false;
}

PostCall() {
    console.log('PostCall');
}

-1

Patrik Kelemen 6 年前

只需使用 window:beforeunload

Return false将发出警报:)

@HostListener('window:beforeunload')
  onBeforeUnload() {
    return false;
}

推荐文章

SpaceCowboy74 Mohammad Aghazadeh · 使用Fluent Validation比较数组中的值

1 年前

Rico Strydom · Linq to XML:如何基于文件中的其他元素获取元素

1 年前

A B · C#Excel自动调整列避免长文本时出错

1 年前

Megrez7 · C#ToArray转换合并为一行,导致数组元素更改

1 年前

Alireza Noori · 全局配置用于本地化的MudDontext验证消息?

1 年前

Aycon · 在工厂方法中释放部分创建的对象的正确方法是什么?

1 年前

Martyn C · 自定义StringEnumConverter未拾取所有枚举

1 年前

Duck0 · 这个对象在更高的帧率下会更快吗,因为它在Update()中?

1 年前

Nwerx_user · 在C#中,如何在不使用static关键字的情况下使用类外的方法?

1 年前

Sei · Avalonia/WPF将路由器传递到控制模板

1 年前