Question

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

这是我的服务

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());
  }
}

是否有一种特定的方法可以从home组件导航到login组件，以免服务再次被初始化？

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

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

我可能会缺少一些您可以帮忙的东西？

Angular Singleton注射服务无法正常工作

0 个答案: