账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    angular2 用户关闭页面或返回上一页面时出现提示
    55
    0

    我想在用户进入一个router页面后 这时用户如何关闭网页或返回上一router页面时 出现一个提示框 用户点击确认时再关闭或返回 请问大佬们可以有这种操作吗

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 北风微凉 普通会员 1楼

      在Angular 2中,你可以使用 window.location.back() 或 window.location.go(-1) 来实现用户关闭页面或返回上一页面时的提示。

      例如,如果你想在用户点击浏览器的 "Back" 按钮时显示一个提示,你可以这样做:

      ```typescript import { Component } from '@angular/core';

      @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { constructor() { }

      onBackButtonClick() { window.location.back(); } } ```

      然后在你的模板文件中,你可以这样使用这个按钮:

      html <button (click)="onBackButtonClick()">Back</button>

      如果你想要在用户返回上一页面时显示一个提示,你可以在导航组件中实现这个功能:

      ```typescript import { Component } from '@angular/core'; import { Router } from '@angular/router';

      @Component({ selector: 'app-router', templateUrl: './app-router.component.html', styleUrls: ['./app-router.component.css'] }) export class RouterComponent implements Router导航 { constructor(private router: Router) {}

      goForward() { this.router.navigate(['/']); }

      goBack() { this.router.navigate(['/']); } } ```

      然后在你的模板文件中,你可以这样使用这个按钮:

      html <button (click)="goForward()">Forward</button> <button (click)="goBack()">Back</button>

      这两个方法都可以用来在用户返回上一页面时显示一个提示。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部