javascript - 如何在 Angular 语法中应用多个 ngIf 条件？

Question

我需要在 ngIf 语句中设置多个条件。

我已经为多个用户创建了模板，但有些内容我不想让特定用户看到，例如 super 管理员、管理员、部门用户、部门用户和单位领导。

enum of users: ['s','a','d','u','c']

1> Super Admin -> s
2> Admin -> a
3> Division Supervisor -> d
4> Unit Leader -> u
5> Section Chief -> c

例如，我想为特定的用户登录显示下面的按钮我尝试了下面的代码，但对两个用户都很好，但是

<button *ngIf="menuUserType === 'a' || menuUserType !== 's' " class="btn-style red-btn" routerLink="/division/add-edit-division/0"><span class="material-icons">add</span>Add Division</button>

但是当我尝试申请更多用户时，它不起作用并且出现错误。

<button *ngIf="menuUserType === 'a' || menuUserType === 'c' || menuUserType !== 's' || menuUserType !== 'd'  " class="btn-style red-btn" routerLink="/division/add-edit-division/0"><span class="material-icons">add</span>Add Division</button>

错误

那么有什么解决办法吗？

Answer 1

你的第二个 if 是错误的，因为字母 A 和 C 与字母 S 不同。你正在做的另一件事是如果变量不同于 S 并且同时不同于 D，那么 Angular 将向你展示一个错误，它将始终为真，因为您使用的任何字母都将为真。你需要的只是这个:

<button *ngIf="menuUserType !== 's' && menuUserType !== 'd'" class="btn-style red-btn" routerLink="/division/add-edit-division/0"><span class="material-icons">add</span>Add Division</button>