小编ebe*_*bem的帖子

我正在尝试 Angularfire 和他们的身份验证守卫。我使用他们的文档来学习如何设置我的身份验证防护。一切看起来都很完美，但后来我注意到在我的登录页面中，角度材质输入字段不再响应。并且控制台中没有错误消息。如果我删除 canActivate 防护，则角度材料输入可以工作。这里可能是什么问题，我是否错过了某些步骤或者我需要一些额外的设置？我创建了一个小型演示应用程序来测试它，它也有同样的问题。github 中的演示应用程序

应用程序路由.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {LoginComponent} from './login/login.component';
import {canActivate, redirectLoggedInTo, redirectUnauthorizedTo} from '@angular/fire/auth-guard';
import {DashboardComponent} from './dashboard/dashboard.component';

const redirectLoggedInToDashboard = () => redirectLoggedInTo(['dashboard']);
const redirectUnauthorizedToLogin = () => redirectUnauthorizedTo(['login']);


const routes: Routes = [
  {path: '', redirectTo: 'login', pathMatch: 'full'},
  {path: 'login', component: LoginComponent, ...canActivate(redirectLoggedInToDashboard)},
  {path: 'dashboard', component: DashboardComponent, ...canActivate(redirectUnauthorizedToLogin)},
  {path: '**', redirectTo: 'login'}
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule] …