在创建 Angular 应用实例时运行的服务,而不考虑初始路由器终结点



我有一个身份验证服务,我想在创建应用程序实例时运行该服务。我不知道该怎么做。

此服务将要做的许多事情之一是检查本地存储是否包含 JWT(我正在使用一个角度应用程序,所以我可以免受 xss,如果是,则从服务器获取登录权限和信息。

我希望无论我的初始路由点在哪里,此服务都能运行。

所以它适用于

根/完全/真棒/路由/点

有意义?我问这个问题是因为老实说,我不知道。我目前正在检查life cycle hooks

因此,无需使用生命周期钩子:

应用组件是否在应用实例上运行,而不考虑当前导航到的视图?如果是这样,我想我可以在应用程序组件中做一个ngOnInit生命周期钩子,并使用提供程序数组在整个服务应用程序范围内注入服务应用程序。

所以似乎我需要获取app.component.ts文件并添加一个构造函数和ngOnInit生命周期钩子来检查授权服务。 并执行登录用户并显示相关权限所需的必要工作

15 个视图,我必须回答我自己的问题。

所以我在我的app.component.ts中写了以下内容

import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
providers:[VenueAdminVolleyService]
})
export class AppComponent implements OnInit{
title = 'app';

ngOnInit(){
console.log('this shit is working yo!');
}
}

并导航到两者

然后关闭浏览器并导航到

根/真棒/路由器/位置/与/真的/酷/东西

两次我都this shit is working yo!

在控制台中

这意味着此代码正在工作。现在我只需要将控制台.log更改为身份验证服务中的检查登录功能!

相关内容

最新更新