为子组件启用candeactivate
为子组件启用CanDeactivate是指在Angular中使用CanDeactivate守卫来控制导航离开某个组件之前的逻辑。CanDeactivate守卫是Angular路由提供的一种机制，用于在用户尝试离开某个组件时执行一些逻辑，例如确认是否保存修改、提示用户是否确定离开等。
CanDeactivate守卫可以应用在子组件上，以确保在导航离开子组件之前执行特定的逻辑。要为子组件启用CanDeactivate守卫，需要按照以下步骤进行操作：
- 创建一个实现CanDeactivate接口的服务：
- 创建一个实现CanDeactivate接口的服务：
- 在子组件中实现CanComponentDeactivate接口，并定义canDeactivate方法：
- 在子组件中实现CanComponentDeactivate接口，并定义canDeactivate方法：
- 在路由配置中应用CanDeactivate守卫：
- 在路由配置中应用CanDeactivate守卫：
以上就是为子组件启用CanDeactivate的步骤。在子组件中实现canDeactivate方法，可以根据具体需求编写逻辑来控制导航离开子组件的行为。在路由配置中应用CanDeactivate守卫后，每次导航离开子组件时都会触发canDeactivate方法，并根据返回值来决定是否允许导航离开。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供弹性计算服务，满足各种规模的业务需求。产品介绍链接
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。产品介绍链接
- 腾讯云移动开发（MSS）：提供一站式移动应用开发服务，包括移动后端云服务、移动应用分发等。产品介绍链接
- 腾讯云区块链（BCBaaS）：提供安全、高效的区块链服务，帮助构建可信赖的区块链应用。产品介绍链接
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
我的路由如下：
{
path: "home",
children: [{
path: "dashboard",
children: [{
path: "user",
canDeactivate: [CanWeDeactivateThis]
}]
}]
}
有定义在路由中的组件，上面只是一个简单的快照。当我在用户路径中添加可停用时，我得到的组件为空，但如果我在仪表板路径中添加它，它工作得很好。添加到仪表板对我不起作用，因为我在仪表板上有多个孩子，如果用户也导航到它们，我需要显示确认。
不知
浏览 4提问于2018-12-06得票数 2
如何阻止ActivatedRoute.queryParams.subscribe在back导航上被调用？
平台问题发生在上
iOS iOS 11 ipad mini2
iphone 6加上，
Nativescript操场
以下版本号
tns-核心-模块4.2.0
tns 4.2.0
角/编译器-cli 6.1.2
角/路由器6.1.2
角质6.1.0
复制它的步骤：有3页:主页、实体、联系人。它们是根级页面，并使用页-路由器-出口。
在主页中，转到实体页，点击按钮上的param id =1
this.routerExtensions.navi
浏览 0提问于2018-09-19得票数 2
在下面的代码中(“用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
回答已采纳
2回答
我有一个有以下路线的应用程序：
/root/foo
/根/杆
/root/foo/(出口:X)
/root/bar/(出口:X)
导航到/root/foo或/root/bar将分别计算值X和重定向到/root/foo/(outlet:X)或/root/bar/(outlet:X)。
是否有一种方法可以实现一个保护，从而防止从/root/foo点击到/root/foo/(outlet:X)的路由器链接？
浏览 0提问于2018-09-26得票数 0
下面是特定于组件的can-deactivate.guard.ts示例：
这个保护程序从另一个组件访问属性，我很难让它与我的应用程序完全兼容。
我有一个名为MessagesComponent的容器和一个名为FormComponent的子组件。我将子组件导入到保护程序中，就像示例对CrisisDetailComponent所做的那样。我的问题是，当我尝试从FormComponent访问属性时，唯一对我有效的属性或来自容器(MessagesComponent)的属性，我没有将这些属性导入到保护程序中。如何从子组件访问属性？这是我的代码：
警卫：
import { FormComponent } fr
浏览 1提问于2020-03-15得票数 0
回答已采纳
我有一个canDeactivate保护程序来检查路由(组件)是否可以停用。当我在路上使用它的时候，效果很好。
const routes: Routes = [
{ path: '', component: MyComponent, canDeactivate: [MyGuard] }
]
我希望这个canDeactivate保护被应用在我的应用程序中的所有路径上，不管它们是否是延迟加载/预加载/加载应用程序。
注意:我不想在我所有的路线上给这个警卫写信。
是否有任何可观察的，EvenEmitter或其他的东西，我可以订阅和更新路线，通过遍历所有的路线？
而且，任何遍历遍历所
浏览 0提问于2018-09-14得票数 1
我创建了一个CanDeactivate保护程序，它返回一个可观察的，并应用到一个组件中，该组件加载在内部嵌套的路由器出口中。当一个人试图导航到另一个url时，是否应该调用这个守卫？我这么问是因为这不是我的案子。
在我的例子中，守卫只会被调用第一个“不同”的URL。让我用一个例子来解释它。假设我总是返回false，并且尝试从同一个组件导航到不同的urls：
/A --> guard called
/B --> guard called
/B --> no navigation and no guard called
/A --> guard called
/A -->
浏览 2提问于2016-12-14得票数 14
回答已采纳
我懒洋洋地给我的路线装货。我试图按照文档使用CanDeactivate，但似乎保护程序无法读取组件的属性或方法。
这是我的守卫
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<PatientRegistrationFormComponent> {
constructor() {}
canDeactivate(component: PatientRegistrationFormComponent) {
return component.isChangesSaved();
浏览 0提问于2018-08-20得票数 2
回答已采纳
我正在使用模板驱动的表单。我有一个父组件
parent.component.html
<tab>
<form>
<input></input>
<button></button>
</form>
<tab>
<form>
<child-component 1></child-component 1>
</form>
</tab>
<tab>
<for
浏览 0提问于2018-05-10得票数 0
我每天都看到一些应用程序有一个功能，当你在一个页面上，你正在填写，例如，一个表格，当你尝试并点击其他地方，例如在导航菜单，甚至离开页面，你有不安全的变化，他们问用户如果他想离开页面，我会非常感激如果有人能提供一个如何在Angular中实现这一点的例子，我不确定这是一个前端或后端工作，我正在与java合作。非常感谢，每个想法都很重要:D。
浏览 23提问于2019-06-27得票数 0
回答已采纳
在退出屏幕之前，我正试图找到一种提醒用户的方法。如果他们按“不”，那它就不应该毁灭。如果他们按下“确定”，然后继续进行摧毁行动。
ngOnDestory有发生在ngOnDestory之前的事件吗？比如ngOnBeforeDestroying？
我目前正在开发角4。
浏览 3提问于2017-06-18得票数 2
回答已采纳
我有一个用angular 2构建的测试应用程序，我已经成功地在路线改变之间应用了一个动画
state('default', style({
opacity: 1,
transform: 'scale(1) translateY(0)'
})),
transition('void <=> default', [
style({ opacity: 0, transform: 'scale(.9) translateY(-20px)' }),
animate('.2s')
])
浏览 0提问于2016-12-05得票数 3
我试着在卸载组件之前调用确认，但它不起作用。
我通过单击调用确认，当我收到错误时，路由仍然会发生。
可能是我遗漏了什么吗？
import { Component, OnInit, OnDestroy, HostListener } from '@angular/core';
Component({
templateUrl: 'some-component.html',
styleUrls: ['./some-component.scss']
})
export class SomeComponent implements On
浏览 7提问于2019-11-27得票数 1
回答已采纳
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
回答已采纳
该文件：
以下内容如下：
作为双向约束：
<my-component [(myValue)]="anExpression">
在我的示例中，ng-1.5组件使用双向绑定，因此不能替换简单的单向绑定。我正在尝试编写一个ng2包装器。
<ng2-wrapper [(source)]="ng2Value"></ng2-wrapper>
但是，即使在组件中更改了源，ng2Value也不会被更新。Ng2WrapperComponent有“@Input”，我尝试过包含“@Output”的变体，但是无法想出任何更新ng2Value的方法。
浏览 2提问于2017-04-10得票数 1
回答已采纳
我正在处理一个包含大量表单页面的项目，每当最终用户试图导航到另一条路径而不保存更改时，我就想给他们提供提示。在所有页面中，我使用的是反应性表单，如下所示
this.mainForm = this.formBuilder.group(...
因此，我可以有一个可以为我的所有组件停用保护，如下所示
@Injectable()
class CanDeactivateTeam implements CanDeactivate<... something magic here want to pass component dynamically...> {
constructor() {}
浏览 5提问于2020-01-15得票数 1
我有一个CRM模块，我在其中定义了自己的CRM路由模块，如下所示：
const routes: Routes = [
{
path: 'crm',
component: CrmComponent,
children: [
{ path: '', redirectTo: 'companies', pathMatch: 'full' },
{ path: 'companies', component: CompanyListComponent },
{ p
浏览 51提问于2021-03-11得票数 1
回答已采纳
2回答
我有导航区域，包括我的路由器出口旁边的注销按钮。
app.component.html：
<my-nav-header></my-nav-header>
<router-outlet></router-outlet>
在路由器中的每个模块/组件上，我已经实现了一个用于脏检查的canDeactivate方法(如called的路由和导航教程中所描述的)，它是通过该教程中描述的接口从实际的canDeactivateGuard调用的。这就像预期的一样--当用户单击路由器链接并进行未保存的更改时，就会被问到是否要路由。
my-nav-header.comp
浏览 1提问于2017-03-28得票数 2
当导航到与当前组件不同的组件时，我有一个向用户抛出弹出窗口的要求。 根据用户的输入，我必须要么允许他离开，要么让他留下来。 经过大量的谷歌搜索，我发现使用实现canDeactivate接口的路由守卫是解决这个问题的最好方法。 但是，即使在逐步实现了防护之后，在远离我的组件的任何导航中都不会触发在防护中实现的canDeactivate()方法。 这是我的guard，我已经将其作为服务实现。 import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, RouterStateSnaps
浏览 26提问于2020-01-30得票数 1
回答已采纳
我们知道在角中有一个ngOnDestroy()方法，它运行在破坏一个组件上，但是我想知道有什么方法可以阻止它的破坏吗？
浏览 0提问于2018-01-30得票数 4
当我构建我的CanDeactivateGuard时，我有这个错误。
TypeError: component.canDeactivate不是一个函数
我想使我的CanDeactivateGuard可重用，所以它应该是通用的。
为此，我构建了一个名为ComponentCanDeactivate的抽象类，然后在TreeCanDeactivateGuard中对其进行了扩展。
然后，CanDeactivateGuard应该实现接口CanDeactivate。
我的守则：
import { HostListener } from '@angular/core';
export
浏览 0提问于2018-12-20得票数 8
回答已采纳
嗨,
我注意到了一些奇怪的行为，当我工作在一个角度的项目。有一个要求具有可重用的自动保存功能，当用户试图使用表单从页面导航时会触发该功能。我们使用了一个警卫和一个指令的组合来实现这一点，这个指令可以应用于表单。
在这个指令中，我们正在决定是否允许用户导航，还是让他留在页面上--如果表单是有效的，我们将触发一个保存回调，并在回调完成后让用户离开，如果表单无效，我们会将用户保留在页面上。如果用户根本不与表单交互，那么让他们导航也是很重要的。翻译成代码如下所示：
if (form.dirty) {
if (form.valid) {
this.saveCallback().s
浏览 0提问于2021-08-04得票数 1
所以当用户尝试导航到其他页面时，我想显示一个确认弹出窗口。我读过关于hostListner和canActivate ...But的文章，我不知道从哪里开始！ 请帮帮我!!TIA。
浏览 7提问于2020-07-02得票数 0
回答已采纳
如何提醒用户点击浏览器返回按钮的角度4？
即使页面第一次加载onpopstate ，也会被调用。
import { PlatformLocation } from '@angular/common';
constructor( private platformLocation: PlatformLocation) {
platformLocation.onPopState(() => {
console.log("onPopState called");
window.alert("
浏览 1提问于2018-02-09得票数 2
回答已采纳
1回答
我现在很难解决我的问题。在离子4中，ionViewCanLeave被移除，改为角形的路线护卫。在我解决这个问题之前，这是一个很好的决定。
在Ionic3中，当使用此简单代码按下后退按钮时，我可以防止页面更改。
from: any = null;
canLeave: boolean = true;
loading: any;
ionViewCanLeave(): boolean {
// prevent change page when (this.canLeave == false)
return this.canLeave;
浏览 1提问于2019-09-13得票数 1
(角6)我的问题：
路线A有canDeactivate，当我试图去B时，我需要确认。
路由B有canActivate，而我没有访问权限。
然后重定向到路由C，但在这一刻，canDeactivate从A再次请求确认。
如何跳过第二次确认？
export interface PendingChangesComponent {
canDeactivate: () => boolean | Observable<boolean>;
}
@Injectable()
export class PendingChangesGuard implements
CanDe
浏览 0提问于2019-01-23得票数 2
我希望在我的Angular 6应用程序中创建一个保护，通过要求用户首先确认，来阻止用户从站点内的表单导航(不是通过关闭浏览器或刷新)，从部分填写的表单开始。 我如何建立我的防护，以便我可以将它应用于我的路线，并防止用户意外导航远离脏表单？ 我正在尝试将表单注入到guard组件中，观察它是否脏，如果是，则将该guard应用于任何其他路由，并在导航到它们之前让用户确认。这是我能得到的最接近的结果，任何帮助都将不胜感激。 这是我到目前为止所知道的： import { Injectable } from '@angular/core';
import { CanActivate, A
浏览 13提问于2019-05-21得票数 5
回答已采纳
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
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
回答已采纳
我试图使用CanDeactivate保护来检测用户何时离开组件导航。其目的是检查当前用户是否拥有记录上的“正被编辑”锁，如果是，则调用一个可观察的更新数据库。
我的代码是部分工作的，但是有一个竞争条件，锁并不总是被释放，可能是因为在调用下一个返回语句时，对this.updateIsBeingEdited$(false)的订阅并不总是完成。所以我知道这没有得到正确的实现。
如何使this.updateIsBeingEdited$在canDeactivate返回值之前完成？
返回值应该始终为true，因为组件应该始终停用，它只需要确保在失活完成之前完成this.updateIsBeingEdite
浏览 7提问于2019-11-16得票数 0
我的链接来自：，在我的实际应用程序中什么都不适合我。我有以下代码。
AppModule
@NgModule({
declarations: [
AppComponent,
TemplateComponent,
HeaderComponent,
FooterComponent,
SidebarComponent
],
imports: [
BrowserModule,
HttpClientModule,
AppRoutingModule,
FormsModule
],
providers: [Direct
浏览 1提问于2019-10-04得票数 0
这是我的canDeactivate卫士，它可以工作。但是当我使用提交按钮时，我不想叫保安。只有当我通过任何其他方式导航时。多么?
import { Injectable } from '@angular/core';
import { Router, CanDeactivate } from '@angular/router';
import { FormGroup } from '@angular/forms';
export interface FormComponent {
myForm: FormGroup;
}
@Injec
浏览 0提问于2017-03-18得票数 6
我对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
回答已采纳
我正在尝试在角7中设置一个简单的canDeactivate保护程序，我已经尝试了许多在线教程中的代码，但是它们都产生了相同的错误：
“类型'CanDeactivate‘不是通用的。”
我做错了什么？我甚至在任何谷歌点击上都找不到这个错误，除了另一个有同样问题的2年前未回答的问题。
参见这里的代码：
import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
imp
浏览 2提问于2019-02-17得票数 8
回答已采纳
我在一个应用程序中有多个表单，我有一个CanDeactivate保护程序，它提示用户确认他们是否想离开页面，而不首先保存他们编辑过的表单。每个带有窗体的组件都有一个hasBeenEdited函数，用于检查表单是否已被编辑。因为我只有一个CanDeactivate可注入类来使用表单来处理所有这些组件，所以我需要访问用户当前路由到的组件的hasBeenEdited函数。如何才能最好地做到这一点？我看过一些例子，在这些例子中，卫士类中的canDeactivate函数被传递了一个组件参数，但我不知道如何传递当前路由的组件。
浏览 0提问于2018-08-31得票数 1
回答已采纳
1回答
我的Angular4页面中有两个选项卡(Angular4)，有许多输入字段，比如文本框、文本框、下拉列表等等。我还有一个边菜单栏可以导航到应用程序中的其他页面。如果这些输入字段中的数据有任何更改，那么如果用户试图更改选项卡，或者使用侧菜单栏导航到其他页面，就会出现弹出消息(模式或确认框)。
我尝试过ngOnDestroy()方法。虽然此方法仅在页面关闭时才被触发(通过导航到其他页面或移动到下一个选项卡页)，但它不允许您从该方法中显示模态/确认框，因为它处于破坏生命周期挂钩状态。
如果页面/表单中的任何输入字段有更改，请帮助我识别实际使用的事件，如果页面/表单中的任何输入字段有更改，我可以用一个
浏览 0提问于2018-04-12得票数 3
回答已采纳
我需要防止用户在我正在构建的应用程序的某些部分进行反向导航。到目前为止，我使用的是这个方法：
ngOnInit() {
history.pushState(null, null, location.href);
window.onpopstate = function(event) {
history.go(1);
};
}
ngOnDestroy() {
window.onpopstate = function(event) {
history.go();
};
}
除了在iOS、chrome和safari上，它工作得很好。我也尝试过：
history.re
浏览 0提问于2017-11-10得票数 7
1回答
我试图阻止导航，直到用户确认他们会丢失他们的更改，但我认为我不能在我的场景中使用路由保护。
以下是更改的检查：
public get hasChanged(): boolean {
return this.changeManager.hasChanged({
propA: this.propACtrl.value,
propB: this.propBCtrl.value,
// ETC, lots of other checks
});
}
class ChangeManager {
// bunch of propert
浏览 8提问于2022-11-07得票数 0
回答已采纳
1回答
当形式中的数据未保存时，我在阻塞路由方面有一个小问题。在我的例子中，我有一个具有表单的组件：
some.component.ts
export class SomeComponent {
@ViewChild("form") form: NgForm;
@ViewChild("exitModal") modal;
}
some.component.html的一部分(模态部分)
<div bsModal #exitModal="bs-modal" class="modal fade" tabindex="
浏览 0提问于2017-06-28得票数 2
在Angular2中，有可能有相同的保护(例如CanActivate或CanDeactivate)，可以应用于多个组件吗？
下面是MyComponent1的一个守卫：
@Injectable()
export class MyGuard implements CanDeactivate<MyComponent1> {
canDeactivate(component: MyComponent1): Promise<boolean> {
// my code here
}
}
我想为MyComponent2，MyComponent3等提供完全相同的后卫。
浏览 4提问于2017-01-26得票数 3
我有一些“未保存的更改”弹出窗口，用户可以在其中取消后退导航。
组件
@HostListener('window:beforeunload')
canDeactivate(): Observable<boolean> | boolean {
return !this.unsavedChangesAvailable;
}
守卫
canDeactivate(
component: BLAComponent,
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot)
浏览 0提问于2019-06-24得票数 1
1回答
如果用户试图离开对表单进行了更改的页面，我希望在屏幕上向用户显示提示。到目前为止，我已经创建了一个Guard，并成功地让它在用户离开此页面时在控制台中记录一些内容。但现在，我需要显示一个Dialog框来警告他们，他们应该能够取消“导航”或确认他们希望导航离开。 我的组件中有一个包含表单的方法，用于检查表单是否发生了更改，现在我只需要实现上面描述的其余部分。 这是我的卫士： import { Injectable } from '@angular/core';
import { CanDeactivate, ActivatedRouteSnapshot, RouterState
浏览 31提问于2021-08-31得票数 0
回答已采纳
我希望当有人按下浏览器的后退按钮警告他，如果他按ok，那么我将重定向到家庭组件。我使用CanDeactivate警卫，我想更改nextState of CanDeactivateGuard。我试图更改nextState：
nextState = { root: currentRoute, url: '/' }
但是，总是将我重定向到前面的组件。
can-deactivate-guard.service.ts
import { Injectable } from '@angular/core';
import { Observable } from 'rx
浏览 2提问于2020-02-25得票数 0
回答已采纳
我已经实现了使用角形式验证的掩体保护。如果用户单击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
回答已采纳
我有一个canDeactivate方法，提醒用户在离开页面之前保存更改：
@HostListener('window:beforeunload')
canDeactivate(): Observable<boolean> | boolean {
return !hasChangesOnMyList();
}
当用户执行特定任务时，我希望删除此警报。我试过这样的方法：
window.addEventListener("beforeunload", (event) => {
event.stopImmediatePropagation
浏览 37提问于2022-09-16得票数 0
回答已采纳
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
我正在尝试使用angular2中的CanActivate保护来要求用户保存更改。我使用的是angular RC4
Boot.ts
bootstrap(App, [
...HTTP_PROVIDERS,
StorageService,
PortfolioNavigationGuard,
other...
Routes.ts
export const PortfolioRoutes: RouterConfig = [
{ path: 'portfolios', component: 'PortfolioListComponent' },
{ path: 'p
浏览 10提问于2016-09-09得票数 1
2回答
我已经设置了我的应用程序，我的许多组件都在这里受到保护。但是，用户仍然能够访问主页"/“。我想知道，如果用户没有经过身份验证，那么是否有可能将用户重定向到/login，而不让我的所有组件都具有"/“上的任何组件。我将包括以下内容的修改版本：
const routes: Routes = [
{
path: "login",
component: LoginComponent
},
{
path: "test",
component: TestComponent
},
{
path: &#
浏览 1提问于2018-07-04得票数 3
回答已采纳
在我的应用程序中，我希望在用户单击back按钮时显示提示消息框或模式。我可以使用onPopState事件，但它不会阻止用户向后导航。到目前为止，我有这样的想法：
window.onpopstate = (event) =>
event.preventDefault();
this.modal.showModal();
};
浏览 1提问于2017-08-24得票数 3
CanDeactivate卫兵。
有没有可能，当离开一个组件时，canDeactivate不仅会呈现一个带有是/否的确认窗口，而且还会导航到另一个组件？如下所示：
canDeactivate(): Observable<boolean> | Promise<boolean> | boolean {
if (this.registrationService.isRegistered()) {
return true;
} else {
if (!confirm('If you do not register, your data will be lost.
浏览 0提问于2019-05-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
