根据一个值来启用或禁用按钮

19 浏览
0 Comments

根据一个值来启用或禁用按钮

我有一个像这样的按钮列表：

然后我有一个存储在本地存储中的用户角色。现在我正在尝试根据用户角色禁用/启用上述按钮。

例如，如果用户角色是系统管理员，则禁用存档按钮，但如果用户角色是HR管理员，则启用存档按钮。

我尝试了以下方法，但似乎没有按预期工作：

isDisabled(userRole: string): boolean {
    if (userRole == 'System Admin') {
      return true;
    } else {
      return false;
    }
 }

[disabled]="isDisabled(userRole)"

0

1 答案

0 Comments

问题的原因是需要根据一个值来启用或禁用按钮。解决方法是使用输入绑定并将所有按钮的`disabled`属性绑定到`isDisabled()`方法。在模板（component.html）中，除非将其设置为属性，否则无法访问`userRole`。

在组件的`.ts`文件中，可以在`isDisabled()`方法中获取`userRole`。假设键也称为`userRole`。

需要为每个按钮创建一个函数来指定哪个用户角色可以访问哪个按钮。在所有需要该特定功能的按钮上包含`[disabled]="isDisabled()"`。

0