主页 / coding / 问题 / 79345186
Accepted
am_noob_coder
Asked: 2025-01-10 17:22:23 +0800 CST

Primeng Toast 在 Angular 身份验证保护功能中不起作用

  • 772

我尝试在 CanActivateFn 函数中显示 toast，但是没有起作用，并且浏览器控制台显示此错误。

ERROR NullInjectorError: NullInjectorError: No provider for _MessageService!
    at NullInjector.get (core.mjs:1644:21)
    at R3Injector.get (core.mjs:2169:27)
    at R3Injector.get (core.mjs:2169:27)
    at injectInjectorOnly (core.mjs:1100:36)
    at ɵɵinject (core.mjs:1106:40)
    at inject (core.mjs:1191:10)
    at authGuard (auth.guard.ts:8:26)

这是我的 authGuard 代码：

import { CanActivateFn } from '@angular/router';
import { AccountService } from '../services/account.service';
import { inject } from '@angular/core';
import { MessageService } from 'primeng/api';

export const authGuard: CanActivateFn = (route, state) => {
  const accountService = inject(AccountService);
  const messageService = inject(MessageService);

  if(accountService.currentUser()) {
    return true;
  } else {
    messageService.add({
      severity: 'error',
      summary: 'Access Denied',
      detail: 'You need to be logged in to view this page.',
      life: 2000,
    });
    return false;
  }
};

我已经在 app.component.ts 中添加 MessageService 作为提供程序。

import { MessageService } from 'primeng/api';
//...

@Component({
  selector: 'app-root',
  imports: [Toast],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css',
  providers: [MessageService]
})
export class AppComponent implements OnInit {
//...

我这里遗漏了什么吗？

我尝试显示提示框，但在 authguard 内部运行代码。预期结果是应该显示提示框。

angular

1 个回答

  1. Best Answer

    您需要MessageService在应用程序级别添加提供程序。

    bootstrapApplication(App, {
  providers: [
    ...
    MessageService,
    ...
  ]
});

    或者providedIn: 'root'，如果图书馆没有提供该服务，请尝试使用该服务。

    @Injectable({ providedIn: 'root' })
export class MessageService {
 ...
    • 0

相关问题