我通过使用带有canDeactivate方法的卫士来完成此操作。但是，我希望canDeactivate在返回任何内容之前等待，直到它得到来自模态的响应。我试图通过返回一个可观察对象来做到这一点，但它不起作用。canDeactivate(): Observable<boolean> | boolean { this.formService.showExitModal
浏览 2提问于2016-07-22得票数 8
回答已采纳
我需要创建canDeactiovateGuard，以防止用户在试图离开表单页面时丢失表单数据。下面的代码不起作用，因为在canDeactivate = canDeactivate之前，返回确认起作用。@Injectable()
canDeactivate(component: Component)
浏览 12提问于2020-02-13得票数 0
所以当用户尝试导航到其他页面时，我想显示一个确认弹出窗口。我读过关于hostListner和canActivate ...But的文章，我不知道从哪里开始！ 请帮帮我!!TIA。
浏览 7提问于2020-07-02得票数 0
回答已采纳
4回答
角RxJS:条件运算符(如果有)
、、、、
this.deactivate$ filter((canDeactivate) => !canDeactivate), );if (canDeactivate) {} return window.confi
浏览 1提问于2019-06-04得票数 10
3回答
因此，我实现了一个canDeactivate函数，它期望返回一个可观察到的布尔类型。离开的条件是异步的，所以我不能这样做，例如： setTimeout(() => {
return
浏览 2提问于2022-07-21得票数 0
回答已采纳
1回答
如果用户试图离开对表单进行了更改的页面，我希望在屏幕上向用户显示提示。到目前为止，我已经创建了一个Guard，并成功地让它在用户离开此页面时在控制台中记录一些内容。, UrlTree } from '@angular/router'; providedIn: 'root'export class RouterGuardGuard implements C
浏览 31提问于2021-08-31得票数 0
回答已采纳
在Angular 2 RC5路由器的CanDeactivate guard中是否可以获得预期的路由？我看到了一个关于CanActivate ()的类似问题的答案，但这似乎在CanDeactivate卫士中不起作用。我的用例如下:用户在填写由"FormComponent“提供服务的表单时，点击”主页“链接。FormComponent连接了一个CanDeactivate。我需要知道用户是不是特别想去"Home“路线来决
浏览 0提问于2016-09-12得票数 6
所以我对canDeactivate有一点小问题。我做了一个页面，如果我点击返回按钮，将会有一个模式显示，用户可以选择退出或不退出该页面。如果我只点击一次，这是很好的。但这里有个问题。假设我位于A，->，B，->，C页，在C页，我输入了canDeactivate。因此，如果我在Modal上单击Ok，当我单击go-back时，它将移动到B页。当然，每当我调用canDeactivate时，无论我在Modal上单击什么，它都表现得就像已经移动了一样。所以我想做的就是
浏览 48提问于2020-09-09得票数 1
我使用了AuthGuard，用于限制用户在未登录时转到受保护的路由。canActivate( state: RouterStateSnapshot): Observable<boolean> | Promise
浏览 30提问于2019-07-31得票数 0
2回答
alert('Your action here'); }PS：路由没有改变，它是同一个页面中的不同组件(实际上是一个不同的项目)export const routes: Routes = [ { path: '', component: HomeCom
浏览 2提问于2019-11-26得票数 0
在我的canDeactivate()路由保护程序中，我调用一个有两个按钮的模式: ok和cancel。如果单击“确定”按钮，我希望返回true，以便用户可以继续离开页面，如果单击“取消”按钮，则返回false。以下是我的当前代码： letcan = component.canDe
浏览 0提问于2017-03-31得票数 1
回答已采纳
this.initConfig();
return true;
现在，我希望提示用户，如果他试图向后移动或尝试单击任何链接，而不单击支付组件中的paypal支付按钮，我已经通过paymentguard.ts使用了Candeactivate。import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router
浏览 1提问于2018-08-09得票数 0
回答已采纳
我每天都看到一些应用程序有一个功能，当你在一个页面上，你正在填写，例如，一个表格，当你尝试并点击其他地方，例如在导航菜单，甚至离开页面，你有不安全的变化，他们问用户如果他想离开页面，我会非常感激如果有人能提供一个如何在Angular中实现这一点的例子，我不确定这是一个前端或后端工作，我正在与java合作。
浏览 23提问于2019-06-27得票数 0
回答已采纳
我第一次尝试在Angular 4中实现一个后退按钮保护。我正在尝试使用服务和canDeactivate。{}
exportcomponent.canDeactivate() : true;然后在我的路由模块中，我有以下使用<
浏览 4提问于2017-12-06得票数 1
我有一个CanDeactive警卫基于中的英雄应用程序。否则，它将向用户显示一个确认对话框。;
};如果用户对对话框回答'No‘(false)，那么CanDeactive也会立即返回false。这就是为什么它有两种返回类型：Observable<boolean>和boolean (同样，按照do
浏览 3提问于2017-10-30得票数 1
回答已采纳
我的代码是部分工作的，但是有一个竞争条件，锁并不总是被释放，可能是因为在调用下一个返回语句时，对this.updateIsBeingEdited$(false)的订阅并不总是完成。如何使this.updateIsBeingEdited$在canDeactivate返回值之前完成？返回值应该始终为true，因为组件应该始终停用，它只需要确保在失活完成之前完成this.updateIsBeingEdited$.subscribe()。组件
canDeactiva
浏览 7提问于2019-11-16得票数 0
1回答
我试图在路由中使用CanDeactivate函数，但是在另一条路由上调用canDeactivate函数时从未调用过。/router';
export interface CanComponentDeactivate {canDeactivate: () => Observable<boolean&g
浏览 0提问于2018-08-01得票数 7
回答已采纳
我想在用户关闭窗口之前保存更改，但当我退出选项卡时它不起作用。我正在使用路由器的canDeactivate方法，当我使用F5刷新我的页面时，它可以工作，但当我关闭选项卡时，数据不会被保存。下面是我的组件中的canDeactivate函数：canDeactivate(): Observable<boolean> |boolean {
let subject = new Sub
浏览 3提问于2017-08-01得票数 3
我无法在Ionic 5中实现canDeactivate guard。以下是我的代码。model.ts export interface isDeactivatable { canDeactivate( ): Observable<bool
浏览 22提问于2020-04-14得票数 3
回答已采纳
我使用canDeactivate作为我的routeGuards和一个弹出来显示路线留下的消息。但问题来自我在悬停.flatMap(isAllow)=> {的价格表上的保护服务。price-list-guard.service.ts
export class PriceListFormGuard implements CanDeactivate<PriceListFormComponent> {
constructor(private promptService: PromptSer
浏览 2提问于2018-07-27得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
