1

我有一项设置为可注入的服务，该服务具有我想在两个组件之间共享的属性。每个组件都有一个单独的路由

这是我的服务：

import { Injectable } from '@angular/core';
import { OAuthService, JwksValidationHandler } from 'angular-oauth2-oidc';
import { authConfig } from './sso.config';
import { HttpClient} from '@angular/common/http';

@Injectable({
providedIn: 'root'
})
export class AuthorizeService {

private isAuth: boolean;

constructor(private oauthService: OAuthService, private http: HttpClient) {
    console.log('init services');
}

 setIsAuth(value: boolean)
 {
  this.isAuth = value;
 }

 getIsAuth()
 {
   return this.isAuth;
 }
}

我想分享的正确的是 isAuth 我将服务作为提供者添加到 app.model.ts

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    RouterModule,
    AppRoutingModule,
    HttpClientModule,
    OAuthModule.forRoot()
  ],
  providers: [{
    provide: HTTP_INTERCEPTORS,
    useClass:TokeInterceptorService,
    multi: true
  }, AuthorizeService],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是 2 个组件 1. 将值设置为 true 的 home 组件

import { Component, OnInit } from '@angular/core';
import { AuthorizeService} from '../authorize.service'

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor(private authorizeService: AuthorizeService) { }
  ngOnInit() {
    this.authorizeService.setIsAuth(true);
  }
}

2.第二个组件登录组件此时只显示isAuth的值。

import { Component, OnInit } from '@angular/core';
import { AuthorizeService} from '../authorize.service'

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

  constructor(private authorizeService: AuthorizeService) { 

  }
  ngOnInit() {  
    console.log('is auth ', this.authorizeService.getIsAuth());
  }
}

是否有从主组件导航到登录组件的特定方法，以使服务不会再次重新初始化？

因为当我导航到 localhost:4200/login 时，isAuth 被重置并且服务被重新初始化。

我正在尝试实现 OpenIdConnect 身份验证，而 /login 组件是我的 URI 重定向，因此我想确保我的授权属性在我的应用程序中是全局的。

我可能遗漏了一些东西你能帮忙吗？

4

0 回答 0