如何根据用户角色启用和禁用按钮

Question

大家好，我需要根据用户角色启用和禁用按钮我想在用户角色为管理员时为其他角色启用按钮，它必须禁用我的 TS 代码

isDisabled(): boolean {
    this.userrolename = SessionStorage.getSessionData(CommonConstants.userRoleName);
    if (this.userrolename == 'Admin') {
      alert(this.userrolename);
      return true;
    } else {
      return false;
    }
 }

HTML 代码

<button type="button" [disabled]="isDisabled()" class="close pull-right"  aria-label="Close" (click)="closeModal()"> </button>

我是角度和打字稿的新手，请帮助我提前感谢您的帮助

Answer 1

最好对您的情况使用 getter 以避免每秒执行一次函数：示例：

private _isDisabled

set isDisabled(value){
this._isDisabled = value;

}
get isDisabled(){
return this._isDisabled
}

ngOnInit(){

    this.userrolename = SessionStorage.getSessionData(CommonConstants.userRoleName);
    if (this.userrolename == 'Admin') {
this.isDisabled = true;
    } else {

this.isDisabled = false;

    }


}

Html：（每次更改后获取最后一个isEnabled值）

<button type="button" [disabled]="isDisabled" class="close pull-right"  aria-label="Close" (click)="closeModal()"> </button>