0

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

该服务将做的许多事情之一是检查 localstorage 是否包含 JWT(我使用的是 Angular 应用程序,因此我受到 xss 的保护),如果包含,则从服务器获取登录权限和信息。

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

所以它适用于

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

说得通?我问这个问题是因为我真的不知道。我目前正在检查life cycle hooks

所以没有要使用的生命周期钩子:

无论当前导航到哪个视图,应用程序组件是否都在应用程序实例上运行?如果是这样,我想我可以在应用程序组件中做一个ngOnInit生命周期挂钩,并使用提供程序数组注入服务应用程序。

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

4

1 回答 1

0

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!');
  }
}

并导航到两者

然后关闭浏览器并导航到

根/真棒/路由器/位置/with/really/cool/stuff

两次我都得到了this shit is working yo!

在控制台中

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

于 2018-05-07T19:09:54.720 回答