- 55
- 0
我想在用户进入一个router页面后 这时用户如何关闭网页或返回上一router页面时 出现一个提示框 用户点击确认时再关闭或返回 请问大佬们可以有这种操作吗
- 共 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>这两个方法都可以用来在用户返回上一页面时显示一个提示。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

