代码之家 › 专栏 › 技术社区 › Rahul Unnikrishnan

在应用程序中调用方法。组成部分角6中另一个组件的ts

angular

Rahul Unnikrishnan · 技术社区 · 6 年前

这是我的应用程序。组成部分ts

    @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Test App';
  constructor(private authService:AuthService){}
  public userName;
  public permission;
  public jwtHelper = new JwtHelperService();
  public menuItems=[];

 setMenu(){
    if(this.authService.loggedIn()){
        const token = localStorage.getItem('token');
        const decodedToken = this.jwtHelper.decodeToken(token);
        this.userName = decodedToken.userName;
        this.hospitalName = decodedToken.hospitalName;
        this.permission = decodedToken.permission;
        if(this.permission == 'admin'){
            this.menuItems = this.adminMenuItems;
        }
        else{
            this.menuItems = this.nurseMenuItems;
        }
    }

  }

2 回复 | 直到 6 年前

user184994 6 年前

在身份验证服务中,创建一个可观察对象,该对象在每次登录状态更改时发出:

import { Subject, Observable } from 'rxjs';     

private _statusChange$ = new Subject<boolean>();
private loginStatus$ = this._statusChange$.asObservable();

// Whenever the status changes:
this._statusChange$.next(newIsLoggedInValue);

this.authService.loginStatus$.subscribe((isLoggedIn) => {
    if(isLoggedIn()){
        const token = localStorage.getItem('token');
        const decodedToken = this.jwtHelper.decodeToken(token);
        this.userName = decodedToken.userName;
        this.hospitalName = decodedToken.hospitalName;
        this.permission = decodedToken.permission;
        if(this.permission == 'admin'){
            this.menuItems = this.adminMenuItems;
        } else {
            this.menuItems = this.nurseMenuItems;
        }
    }
})

这样,它将在每次登录状态更改时触发

Rahul 6 年前

打电话就行了 ngOnInit() 方法,该方法在加载组件时触发

export class AppComponent implements OnInit {
  ngOnInit() {
    this.setMenu();
    }
  }

确保您导入- import { OnInit } from '@angular/core';

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前