Html 如何禁用表中特定行上的按钮

我试图在表中显示用户，并在每行显示编辑和删除按钮。下面我添加了一个示例数组

因此，当一个角色-“超级管理员”登录时，我需要禁用他的行的删除按钮。这样他就不会删除自己的权利。而不应禁用下一行的按钮。我是个新手。寻找指导。提前谢谢

if（localStorage.getItem（“用户”）==null）{
$scope.users=[{
电子邮件：“Vai@yahoo.com",
密码：“Sha123”，
名字：“Vai”，
姓氏：“LSha”，
联系人：“123-223-8989”，
角色：“超级管理员”，
公司：“
},
{
电子邮件：“Rick@yahoo.com",
密码：“Rick123”，
名字：“瑞克”，
姓氏：“弗雷泽”，
联系人：“987-283-2489”，
角色：“供应商用户”，
公司：“Oneplus”
}
];
setItem（“users”，JSON.stringify（$scope.users））；
}否则{
$scope.users=JSON.parse（localStorage.getItem（“用户”）；
}

{{user.email}
{{user.firstName}
{{user.lastName}
{{user.contact}
{{user.role}
{{user.company}}
编辑
删去

如果user.role='Super-Admin'：

<button [attr.disabled]="user.role=='Super-Admin'? '' : null" ng-disabled="checkRole()" 
type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModalDelete" 
ng-click="selectUser(user)">Delete</button>

删除

我不知道它是否适用于这个特定的示例，我将测试它

更新

我已经在angularjs 1.7.5上对其进行了测试，一个解决方案可以在ng disable指令中添加多个表达式，如下所示：

<button ng-disabled="user.role=='Super-Admin' || checkRole()" 
type="button" class="btn btn-danger" data-toggle="modal" data- 
target="#myModalDelete" 
ng-click="selectUser(user)">Delete</button>

删除

或

删除

---

取决于checkRole（）函数返回的内容。

不要使用函数来执行此操作；每次更新DOM时都会调用该函数，从而导致速度减慢。将属性添加到用户以进行检查。请解释如何执行此操作？谢谢！它工作得很好。如何添加另一个或条件，如：ng disabled=“user.role=='Super-Admin'| | | Supplier Admin'| | checkRole（）”？好的。我试过了。它不起作用。它只是禁用每行上的所有删除按钮。我甚至试过这样做：ng disabled=“user.role==（'Super-Admin'| |'Supplier Admin'）| | checkRole（）”。仍然不起作用。ng disabled=“（user.role='Super-Admin'| | | user.role==''Supplier Admin'）| | checkRole（）”

<button ng-disabled="user.role=='Super-Admin' && checkRole()" 
type="button" class="btn btn-danger" data-toggle="modal" data- 
target="#myModalDelete" 
ng-click="selectUser(user)">Delete</button>