Angular 5中基于服务属性的条件类

import { Injectable } from '@angular/core';

@Injectable()
export class AuthService {
  private isAuthenticated: boolean = false;
  private userRole: string = '';

  login() {
    // 实现用户登录逻辑
    this.isAuthenticated = true;
    this.userRole = 'admin';
  }

  logout() {
    // 实现用户注销逻辑
    this.isAuthenticated = false;
    this.userRole = '';
  }

  hasPermission(permission: string): boolean {
    // 根据用户角色判断是否有权限
    if (this.userRole === 'admin') {
      return true;
    } else {
      return false;
    }
  }
}

import { Component } from '@angular/core';
import { AuthService } from './auth.service';

@Component({
  selector: 'app-example',
  template: `
    <button *ngIf="authService.isAuthenticated">Logout</button>
    <button *ngIf="authService.hasPermission('admin')">Delete</button>
  `
})
export class ExampleComponent {
  constructor(public authService: AuthService) { }
}