根据用户是否登录更改网站上的文本

Question

我想在用户登录时显示注销按钮如果用户未登录，我想显示一个登录按钮。我使用 json 令牌，所以我询问令牌是否不为空，因为那时我知道用户已登录。但它不起作用。请帮忙！

home.page.ts

admin = false;

  constructor(private userService: UserService, private storage: Storage, private router: Router) {}


  ngOnInit() {
    this.router.navigateByUrl('home');
    if (this.storage.get('token') != null) {
        this.admin = true;
    } 
  }

home.page.html

 <ion-button *ngIf="admin==true">Logout</ion-button>
 <ion-button *ngIf="admin==false">Login</ion-button>

Answer 1

您必须像这样更改您的代码。

  admin = false;

  constructor(private userService: UserService, private storage: Storage, private router: Router) {}


  async ngOnInit() {
    this.router.navigateByUrl('home');
    let token = await this.storage.get('token');
    if (!token) {
        this.admin = false; //User is not logged in
    } 
    else{
        this.admin=true; //user is logged in
    }
  }

根据用户是否登录更改网站上的文本

change text on website based if user is logged in or not

javascript

typescript

angular

ionic4