在CanDeactivate中处理可观察对象
在Angular中，CanDeactivate是一个路由守卫接口，用于处理导航离开当前路由时的逻辑。它允许我们在用户离开当前路由之前执行一些操作，例如确认是否保存修改、提示用户是否离开等。
处理可观察对象时，我们可以通过CanDeactivate接口的实现来订阅并处理可观察对象的变化。以下是一个示例：
- 首先，创建一个实现CanDeactivate接口的守卫类，例如
CanDeactivateGuard：
import { CanDeactivate } from '@angular/router';
import { Observable } from 'rxjs';
export interface CanComponentDeactivate {
canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
}
export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
canDeactivate(component: CanComponentDeactivate): Observable<boolean> | Promise<boolean> | boolean {
return component.canDeactivate ? component.canDeactivate() : true;
}
}- 在需要应用CanDeactivate守卫的路由配置中，将守卫类添加到
canDeactivate属性中：
import { CanDeactivateGuard } from './can-deactivate.guard';
const routes: Routes = [
{
path: 'example',
component: ExampleComponent,
canDeactivate: [CanDeactivateGuard]
}
];- 在需要处理可观察对象的组件中，实现
CanComponentDeactivate接口，并在其中定义canDeactivate方法来处理可观察对象的逻辑。例如：
import { CanComponentDeactivate } from './can-deactivate.guard';
import { Observable } from 'rxjs';
export class ExampleComponent implements CanComponentDeactivate {
// ...
canDeactivate(): Observable<boolean> | Promise<boolean> | boolean {
// 处理可观察对象的逻辑，例如确认是否保存修改
// 返回Observable<boolean>、Promise<boolean>或boolean
}
}通过以上步骤，我们就可以在CanDeactivate守卫中处理可观察对象的逻辑。在实际应用中，可以根据具体需求订阅可观察对象，并根据其变化返回相应的Observable、Promise或boolean值。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云云数据库 MySQL：提供高性能、可扩展的云数据库服务，适用于各种应用场景。
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理各种类型的数据。
- 腾讯云人工智能：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。
- 腾讯云区块链服务（BCS）：提供易于使用的区块链服务，用于构建和管理区块链网络。
- 腾讯云视频处理（VOD）：提供强大的视频处理和分发服务，用于存储、转码、截图和播放视频。
- 腾讯云音视频通信（TRTC）：提供高质量、低延迟的实时音视频通信服务，适用于在线教育、视频会议等场景。
请注意，以上链接仅为示例，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
4回答
角RxJS:条件运算符(如果有)
、、、、
我试图弄清楚如何将一个直接的条件运算变成一个可观察的操作。
this.deactivate$
.pipe(
filter((canDeactivate) => !canDeactivate),
switchMap(() => Observable.of(window.confirm("message")))
);
我想得到的是：
if (canDeactivate) {
return canDeactivate;
}
else {
return window.confirm("message&#
浏览 1提问于2019-06-04得票数 10
我在我的应用程序中有一个设置页面，我想要保护它，以便用户在有未保存的设置时无法离开该页面。相反，我想让他们选择导航并丢失他们的设置，或者留在页面上。
为此，我设置了一个CanDeactivate防护和一个模态，如果用户选择离开页面，它将使用EventEmitter发出true。我已经在我的CanDeactivate方法中订阅了EventEmitter的observable，假设当发出true值时，订阅将获取它，然后我可以从该方法返回true，路由将停用。
然而，这不是正在发生的事情。实际发生的情况是，当我单击我的模式上的Continue按钮时，模式不断地重新出现。我知道这是由于CanDeact
浏览 14提问于2019-07-31得票数 0
回答已采纳
2回答
我需要做一个简单的确认窗口，我看到了很多如何使用额外操作(比如等待文件上传表单不是字段)的例子。但是，我只需要使用默认文本(如下面的图片)制作一个默认的确认窗口来显示用户何时想离开当前页面。我无法完全理解在处理before unload事件时应该证明什么逻辑。
我最近很抱歉，如果这是一个dup的问题，然而，我没有找到任何解决办法。所以我有：
example.guard.ts
export interface CanComponentDeactivate {
canDeactivate: () => Observable<boolean> | boolean;
浏览 0提问于2019-01-15得票数 7
回答已采纳
2回答
看到的例子
这是我的canDeactivate警卫：
export interface CanComponentDeactivate {
canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
}
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
canDeactivate(component: CanC
浏览 4提问于2021-03-20得票数 0
我有一个付款页面，其中包含付款部分，如-
import { Component, OnInit } from '@angular/core';
import { PayPalConfig, PayPalEnvironment, PayPalIntegrationType } from 'ngx-paypal';
import { AppService } from '../app.service';
import { Payment } from '../models/payment.model';
import { Router
浏览 1提问于2018-08-09得票数 0
回答已采纳
当前在我们的一个页面上运行角5，我们需要一个停用保护，这样如果满足页面上的某个条件(它们开始测试)，并且他们试图在不保存的情况下导航，他们将被呈现一个自定义模式(来自primeNG容器的p-对话框，一个自定义对话框)。
以下是我们拥有的停用服务：
@Injectable()
export class DeactivateUnsavedChangesService implements
CanDeactivate<any> {
constructor() { }
canDeactivate(
component: any,
currentRoute:
浏览 0提问于2018-04-11得票数 1
回答已采纳
我在组件中有一个函数来检查是否可以通过评估表单状态离开路由。如果状态与我需要要求离开路由的条件相匹配，它将显示一个对话框来确认或取消。我在我的canDeactivate服务中调用这个函数，但是它在等待对话框确认之前触发响应。
我已经在带有组件函数的canDeactivate服务中放置了一个canDeactivate。当不需要确认时，它将按预期显示为真。但另一方面，当需要确认时，它会在对话框出现之前显示未定义的内容。
canDeactivateService.ts
@Injectable()
export class ProdutosDeactivateGuard implements CanD
浏览 1提问于2019-10-16得票数 4
回答已采纳
我已经实现了使用角形式验证的掩体保护。如果用户单击ngForm字段。并尝试导航到不同的标签，用户将得到一个自定义确认弹出，这将说“放弃更改？”并返回真假。
这是我的护卫
import { NgForm } from "@angular/forms";
import { ComponentCanDeactivate } from './component-can-deactivate';
export abstract class FormCanDeactivate extends ComponentCanDeactivate {
abstract get f
浏览 1提问于2020-02-28得票数 3
回答已采纳
当用户点击按钮打开angular material多个对话框时，我必须限制登录，而我不知道如何使用Angular authguard来做到这一点。
浏览 0提问于2019-04-08得票数 0
感谢您在这里花费时间。 所以我对canDeactivate有一点小问题。我做了一个页面，如果我点击返回按钮，将会有一个模式显示，用户可以选择退出或不退出该页面。如果我只点击一次，这是很好的。但这里有个问题。假设我位于A，->，B，->，C页，在C页，我输入了canDeactivate。因此，如果我在Modal上单击Ok，当我单击go-back时，它将移动到B页。但是，如果我先在modal上单击Cancel，然后再单击go-back，当我单击Ok时，它会移动到A页。当然，每当我调用canDeactivate时，无论我在Modal上单击什么，它都表现得就像已经移动了一样。 所以我想做
浏览 48提问于2020-09-09得票数 1
我每天都看到一些应用程序有一个功能，当你在一个页面上，你正在填写，例如，一个表格，当你尝试并点击其他地方，例如在导航菜单，甚至离开页面，你有不安全的变化，他们问用户如果他想离开页面，我会非常感激如果有人能提供一个如何在Angular中实现这一点的例子，我不确定这是一个前端或后端工作，我正在与java合作。非常感谢，每个想法都很重要:D。
浏览 23提问于2019-06-27得票数 0
回答已采纳
在退出屏幕之前，我正试图找到一种提醒用户的方法。如果他们按“不”，那它就不应该毁灭。如果他们按下“确定”，然后继续进行摧毁行动。
ngOnDestory有发生在ngOnDestory之前的事件吗？比如ngOnBeforeDestroying？
我目前正在开发角4。
浏览 3提问于2017-06-18得票数 2
回答已采纳
我使用Angular 5实现了一个组件的CanDeactivateGuard，如果有一些未保存的更改，它会弹出一个模式：
export interface CanComponentDeactivate {
canDeactivate: (nextStateUrl: string) => Observable<boolean> | boolean;
}
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
canDe
浏览 5提问于2018-08-03得票数 1
大约五年前，我看到了一个类似的问题，但我的问题有点不同：
我为整个应用程序组件编写了一个面包屑，作为我最外层布局的一部分。
在面包屑中，我使用'location.back()‘来生成一个back按钮：
<i
*ngIf="this.urlLevels > 1"
nz-icon
nzType="arrow-left"
nzTheme="outline"
(click)="back()"
></i>
import { Lo
浏览 10提问于2022-06-04得票数 0
回答已采纳
当我试图离开去我的应用程序中的另一个url (路由)时，我试图在修改完成后显示chrome弹出确认对话框。
我添加了以下代码：
@HostListener('window:beforeunload', ['$event']) beforeUnload($event) {
$event.returnValue = '';
}
但是当我尝试移动到另一条路线时，我没有得到任何确认对话框。我和angular7一起工作。如何解决这个问题？有什么例子吗？提前谢谢。
浏览 4提问于2020-06-05得票数 0
我成功地构建了canDeactivate保护程序，它可以正常工作，确认，但是我想用角材质对话框来实现它，这里我面临一些问题。
这是我的守卫：
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<CreateQuoteComponent> {
constructor(
public dialog: MatDialog,
){
}
canDeactivate(component: CreateQuoteComponent): boolean {
if (!comp
浏览 0提问于2019-09-02得票数 0
回答已采纳
我正在尝试在激活路由之前确定它是什么，这样我就可以缓存它，并在用户登录后将其重定向回该路由。
在旧的测试版路由器中，我可以在激活钩子中调用ComponentInstruction.routeName，但在较新的canActivate()防护中，我看不到在激活之前访问预期路由的方法。
当用户点击我的应用程序中的导航按钮时，我可以将预期的路由存储在共享服务中，但当他们在地址栏中输入URL时又如何呢？
浏览 9提问于2016-07-15得票数 0
回答已采纳
我正在尝试在多个屏幕上使用单个小部件。然而，我遇到了一个问题，当我在不同的页面上加载这个小部件的第二个实例，然后在第一个页面上再次尝试使用第一个小部件时，这个小部件内的选项卡不再导航( bootstrap活动类确实切换到正确的选项卡，只是内容没有切换)。
经过一段时间的调试后，我意识到当我试图在不起作用的小部件中导航时，它实际上是在“工作”的小部件上导航选项卡。似乎是2个视图和1个视图模型没有正确通信。我认为这是由于Durandal认为它是在这个小部件的第二个实例上(不知道如何正确区分两者)。
我使用的是bootstrap v3.0.1选项卡，并且我已经检查了小部件中的所有选项卡ids，并使其
浏览 2提问于2014-06-05得票数 1
在下面的typescript界面中，canDeactivate1和canDeactivate2有什么区别？如何考虑这些功能？
export interface CanComponentDeactivate
{
canDeactivate1 : ()=> Observable<boolean> | Promise<boolean> | boolean;
canDeactivate2 (): Observable<boolean> | Promise<boolean> | boolean;
}
如何在JavaScript中编写相
浏览 1提问于2018-06-12得票数 0
3回答
因此，我实现了一个canDeactivate函数，它期望返回一个可观察到的布尔类型。离开的条件是异步的，所以我不能这样做，例如：
public canDeactivate(): Observable<boolean> {
setTimeout(() => {
return of(true);
}, 5000);
}
我如何在这个函数中提出一个决定我是否可以离开的请求？
浏览 2提问于2022-07-21得票数 0
回答已采纳
1回答
我的路由如下：
{
path: "home",
children: [{
path: "dashboard",
children: [{
path: "user",
canDeactivate: [CanWeDeactivateThis]
}]
}]
}
有定义在路由中的组件，上面只是一个简单的快照。当我在用户路径中添加可停用时，我得到的组件为空，但如果我在仪表板路径中添加它，它工作得很好。添加到仪表板对我不起作用，因为我在仪表板上有多个孩子，如果用户也导航到它们，我需要显示确认。
不知
浏览 4提问于2018-12-06得票数 2
我正在尝试在Angular中实现未保存的更改确认。我知道我应该使用CanDeactivate guard，但我不知道如何实现它尽可能的通用，所以我可以对每个组件使用它，而不是只有一个。 我尝试创建以下防护，它只适用于传递的组件： @Injectable({ providedIn: 'root' })
export class UnsavedChangesGuard implements CanDeactivate<MyComponent> {
constructor() {}
canDeactivate(myComponent: MyComponent)
浏览 36提问于2021-09-05得票数 0
我对Angular非常陌生，并没有成功地找到我正在寻找的答案。 我现在面临的问题是，当我切换到另一个路由时，所有的全局错误消息都不会消失。 我试图通过使用CanDeactivate接口来解决这个问题。这是我的canDeactivate方法： canDeactivate(): Observable<boolean> {
console.log('delete test');
this.globalMessageService.remove(GlobalMessageType.MSG_TYPE_ERROR);
return of(tru
浏览 32提问于2019-06-18得票数 0
回答已采纳
我正在尝试实现一个canDeactivate守卫。为此，我需要知道要导航到的路由的组件实例。
canDeactivate(
component: ComponentCanDeactivate,
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot,
nextState: RouterStateSnapshot
): Observable<boolean> {
return new Observable((observer: Observer<boolean>) =>
浏览 2提问于2021-02-16得票数 1
在Angular 2 RC5路由器的CanDeactivate guard中是否可以获得预期的路由？我看到了一个关于CanActivate ()的类似问题的答案，但这似乎在CanDeactivate卫士中不起作用。
我的用例如下:用户在填写由"FormComponent“提供服务的表单时，点击”主页“链接。FormComponent连接了一个CanDeactivate。我需要知道用户是不是特别想去"Home“路线来决定我想要在CanDeactivate中做什么。对CanDeactivate防护中的ActivatedRouteSnapshot和RouterStateSnapsho
浏览 0提问于2016-09-12得票数 6
1回答
路由前的角动画
、、、
在我当前的项目中，我试图摆脱在路由时跳过的角度动画。在我的模板，我有不同的“小部件”与垫卡在css-网格布局，我想使出现和消失顺利。
我在子组件(路由指向的)中的动画如下所示
animations: [
trigger('cardAnimation', [
state('void', style({ opacity: 0, transform: 'scale(0.5)' })),
state('*', style({ opacity: 1, transform: 'scale(1)' })),
浏览 0提问于2018-08-09得票数 2
回答已采纳
在我的应用程序中，我希望在用户单击back按钮时显示提示消息框或模式。我可以使用onPopState事件，但它不会阻止用户向后导航。到目前为止，我有这样的想法：
window.onpopstate = (event) =>
event.preventDefault();
this.modal.showModal();
};
浏览 1提问于2017-08-24得票数 3
我有一个canDeactivate方法，提醒用户在离开页面之前保存更改：
@HostListener('window:beforeunload')
canDeactivate(): Observable<boolean> | boolean {
return !hasChangesOnMyList();
}
当用户执行特定任务时，我希望删除此警报。我试过这样的方法：
window.addEventListener("beforeunload", (event) => {
event.stopImmediatePropagation
浏览 37提问于2022-09-16得票数 0
回答已采纳
嗨,
我注意到了一些奇怪的行为，当我工作在一个角度的项目。有一个要求具有可重用的自动保存功能，当用户试图使用表单从页面导航时会触发该功能。我们使用了一个警卫和一个指令的组合来实现这一点，这个指令可以应用于表单。
在这个指令中，我们正在决定是否允许用户导航，还是让他留在页面上--如果表单是有效的，我们将触发一个保存回调，并在回调完成后让用户离开，如果表单无效，我们会将用户保留在页面上。如果用户根本不与表单交互，那么让他们导航也是很重要的。翻译成代码如下所示：
if (form.dirty) {
if (form.valid) {
this.saveCallback().s
浏览 0提问于2021-08-04得票数 1
在angular 2 RC5 router 3.0.0 RC1中，我希望从路由器正在检查的相同组件(或至少相同文件)中调用canDeactivate函数：
{ path: 'componentPath', component: MyComponent, canDeactivate: [CanDeactivateGuard] }
如果CanDeactivateGuard与MyComponent在同一个文件中，或者更好的是，CanDeactivateGuard可以是MyComponent，而canDeactivate()函数在MyComponent中(但我不确定这是否可能)
我已经
浏览 0提问于2016-08-25得票数 0
如果用户从带有脏表单的页面导航，我将成功地使用canDeactivate提供警告消息：
我使用的代码如下：
is_submit = false;
canDeactivate() {
//https://scotch.io/courses/routing-angular-2-applications/candeactivate
if (this.myForm.dirty == true && this.is_submit==false){
return window.confirm('Discard ch
浏览 1提问于2017-07-22得票数 10
回答已采纳
1回答
我有一个简单的Angular 11表单(在一个组件中)，可以自动保存。但是，当用户离开窗体时，保存可观察对象将被取消。有没有一种方法可以让用户离开表单，但允许保存完成(然后在完成时取消订阅observable )？ 想法1:使用NgRx效果。我看不出有任何理由从技术上讲这是行不通的。但是，要解决这个问题，感觉需要花费大量的精力。目前，该组件非常简单且完全自包含。 想法2:使用Angular canDeactivate guard。如果用户想要丢失更改，则提示用户。用户体验感觉不对劲。当用户单击yes以丢失更改时，正在进行的保存可观察对象可能已经完成并保存了数据。 private unsubs
浏览 12提问于2021-08-12得票数 0
我有一个Angular2应用程序。它的一个组件实现了CanDeactivate界面，以确认用户在页面之外的导航。以下是路由保护的实现：
export class DeactivateGuard implements CanDeactivate<MyComponent> {
canDeactivate(component: MyComponent) {
let can = component.canDeactivate();
return can;
}
}
以下是组件的代码：
canDeactivate() {
if (confirm("Are you sur
浏览 11提问于2017-08-25得票数 2
我有一个带有一些表单输入的组件。如果我在修改了当前组件中的某些内容后要移动到另一个组件，那么应该等到用户在打开的对话框窗口中单击OK或Save。
我可以从ngOnDestroy函数触发对话框，但此时，下一个组件已经加载。
有什么变通的方法吗？
我已经试过了，canDeactivate，但在我的情况下不起作用。
我使用的是Angular 4
浏览 2提问于2018-02-15得票数 0
回答已采纳
我有一个可观察到的名为packing的属性，它包含许多属性。其中之一是名为observableArray isotopes的
packing
- description
- type
- ...
- isotopes
- name
- weight
我想要创建一个单独的、可观察到的内容，其内容与packing.isotopes相同。这个mus是动态的，所以每当从packing.isotopes中添加/删除某些东西时，也应该在mycopy中添加/删除。
我已经试过了：
var mycopy = ko.computed(function () { return packin
浏览 2提问于2013-04-24得票数 0
回答已采纳
我需要创建canDeactiovateGuard，以防止用户在试图离开表单页面时丢失表单数据。下面的代码不起作用，因为在canDeactivate = canDeactivate之前，返回确认起作用。我不知道该怎么解决这个问题。
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<Component> {
canDeactivate(component: Component): boolean {
let canDeactivate: boolean;
if (compo
浏览 12提问于2020-02-13得票数 0
当我构建我的CanDeactivateGuard时，我有这个错误。
TypeError: component.canDeactivate不是一个函数
我想使我的CanDeactivateGuard可重用，所以它应该是通用的。
为此，我构建了一个名为ComponentCanDeactivate的抽象类，然后在TreeCanDeactivateGuard中对其进行了扩展。
然后，CanDeactivateGuard应该实现接口CanDeactivate。
我的守则：
import { HostListener } from '@angular/core';
export
浏览 0提问于2018-12-20得票数 8
回答已采纳
3回答
我有一个界面，用来防止用户离开页面
export interface ComponentCanDeactivate {
canDeactivate: () => boolean;
}
@Injectable()
export class PendingChangesGuard implements CanDeactivate<ComponentCanDeactivate> {
canDeactivate(component: ComponentCanDeactivate): boolean {
return component.canDeactivate(
浏览 0提问于2017-12-04得票数 7
回答已采纳
我正在尝试检测用户何时从我的应用程序点击“刷新”来加载一些数据。
我有这个：
var refresh = function() {
alert('refresh');
};
var vm = {
refresh: refresh,
data: ko.observable()
};
但是，我从未在浏览器中收到警告，并且当我从该视图刷新页面时，在函数打开时设置的断点不会命中。如何正确使用刷新功能？
浏览 0提问于2013-06-13得票数 0
回答已采纳
1回答
我在我的app-routing.module.ts文件中添加了一个带有守卫的路由，如下所示： {path: 'detail/:id', component: DetailComponent, canDeactivate: [PendingChangesGuard]}, 如果我尝试完全退出angular应用程序，那么我会看到预期的消息从PendingChangesGuard弹出。但是，如果我单击angular应用程序中的任何其他路由，则不会执行路由守卫。在这种情况下，我如何让它运行呢？ 这是路由保护文件的样子： export interface ComponentCanDeac
浏览 17提问于2019-02-25得票数 1
回答已采纳
该文件：
以下内容如下：
作为双向约束：
<my-component [(myValue)]="anExpression">
在我的示例中，ng-1.5组件使用双向绑定，因此不能替换简单的单向绑定。我正在尝试编写一个ng2包装器。
<ng2-wrapper [(source)]="ng2Value"></ng2-wrapper>
但是，即使在组件中更改了源，ng2Value也不会被更新。Ng2WrapperComponent有“@Input”，我尝试过包含“@Output”的变体，但是无法想出任何更新ng2Value的方法。
浏览 2提问于2017-04-10得票数 1
回答已采纳
1回答
我一直试图编写一个canDeactivate保护程序，以检查可观察流中的保存状态，并相应地工作。
我的服务就是这样
import { Injectable } from '@angular/core';
import { ReplaySubject } from 'rxjs/ReplaySubject';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class EditModelService {
private savingModelDataSo
浏览 1提问于2018-02-28得票数 4
回答已采纳
在RxJS中，可观测实例的catch方法和onErrorResumeNext方法似乎几乎没有区别，除了onErrorResumeNext将原始可观测参数与可观测参数连接起来之外，无论是否发生错误。
如果是这样的话，命名是不是有点混乱？因为在出现错误的情况下，onErrorResumeNext的工作方式与catch完全相同：
var testObservable = Rx.Observable.return(1).concat(Rx.Observable.throw("Error"))
// Both onError and onCatch will emit the same
浏览 2提问于2014-10-29得票数 8
回答已采纳
我有一个编辑页面(在DurandalJS单页应用程序中)，在该页面中，我使用.canDeactivate生命周期方法检查记录是否有任何更改，并在离开页面之前提示他们进行确认。
我还有一个“保存”和“查看历史记录”按钮。在调用router.navigate之前重写.canDeactivate方法、停止模式弹出调用是正确的吗？
例如:如下所示：
self.onSave = function() {
self.repository.updateItem(self.model).done(function() {
self.canDeactivate = null; // Is
浏览 3提问于2014-03-11得票数 0
在下面的代码中(“用TypeScript开发角2”一书中的一个例子)：
import {CanDeactivate, Router} from "@angular/router";
import {Injectable} from "@angular/core";
@Injectable()
export class UnsavedChangesGuard implements CanDeactivate{
constructor(private _router:Router){}
canDeactivate(){
retu
浏览 5提问于2017-05-23得票数 5
回答已采纳
在我当前的注销呼叫中，我有如下内容：
getLogoutConfirmation(){
// get confirmation in modal and perform logout
// redirect to login page
}
问题是，当执行注销并调用重定向到登录时，将在该路由上调用canDeactivate防护，但用户已被注销。
那么，如何在执行注销之前调用canDeactivate guard，并在用户不想离开时取消注销操作。
谢谢。
浏览 12提问于2018-01-10得票数 7
我在一个应用程序中有多个表单，我有一个CanDeactivate保护程序，它提示用户确认他们是否想离开页面，而不首先保存他们编辑过的表单。每个带有窗体的组件都有一个hasBeenEdited函数，用于检查表单是否已被编辑。因为我只有一个CanDeactivate可注入类来使用表单来处理所有这些组件，所以我需要访问用户当前路由到的组件的hasBeenEdited函数。如何才能最好地做到这一点？我看过一些例子，在这些例子中，卫士类中的canDeactivate函数被传递了一个组件参数，但我不知道如何传递当前路由的组件。
浏览 0提问于2018-08-31得票数 1
回答已采纳
1回答
当活动开始时，我需要用数据列表填充RecylcerView。我通过订阅实现了这一点，在onSuccess方法中，我显示了我的列表。但是当活动onResume时，我如何再次显示更新的列表。我的意思是，在切换到另一个活动，然后返回到以前，我需要再次显示更新的RecylcerView。我如何实现这一点，或我需要每次订阅显示。也许在活动的onResume中多订阅同一个可观察到的内容是一种糟糕的做法？
演示者
@Override
public void setCitiesList() {
disposables.add(getCitiesListObservable()
浏览 1提问于2018-10-16得票数 0
回答已采纳
我的CanDeactivateGuard并不总是在我点击浏览器的后退按钮时触发。我找不到原因。你能看一下我的代码，给我一些建议吗？
守卫：
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<SignupComponent> {
canDeactivate(component: SignupComponent): boolean {
if (!component.canDeactivate()) {
if (confirm("You have unsaved c
浏览 2提问于2018-12-06得票数 0
我有两个子模块，我需要在产品路线上的浏览器刷新上显示确认。我增加了canDeactivate，并在产品模块级使用。当我在像canDeactivate这样的路由上刷新时，会很好地触发，但是不会触发路径中的查询参数，比如，您能帮我找出问题吗？
export const APP_ROUTES: Routes = [
{ path: '', redirectTo: 'main', pathMatch: 'full' },
{
path: 'main',
loadChildren: () =&
浏览 2提问于2022-04-02得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
