관리자가 로그인하지 않은 경우 ngFor를 필터링하여 관리자 사용자를 표시하지 않을 수 있습니까?

Question

데이터베이스에서 사용자 목록을 가져오고 사용자 목록에서 관리자 및 비 관리자 사용자입니다. 나는 관리자가 로그인하면 관리자 사용자를 표시하고 어떤 관리자가 로그인하지 않은 경우 관리자 사용자를 표시하지 않도록하려면이 내 현재 코드입니다. 사전에

<tbody> 
       <tr *ngFor="let user of users"> 
       <td>{{user.Salutation.Description === "None" ? "-" : user.Salutation.Description}}</td> 
       <td>{{user.FirstName}}</td> 
       <td>{{user.Surname}}</td> 
       <td>{{user.Region.Description === "None" ? "-" : user.Region.Description}}</td> 
       <td>{{user.Institution === null ? "-" : user.Institution}}</td> 
       <td>{{user.PrimaryResearchField.Description === "None" ? "-" : user.PrimaryResearchField.Description}}</td> 
       <td>{{user.OrcidID === null ? "-" : user.OrcidID}}</td> 
       <td> 

        <button title="View" class="btn btn-primary" (click)="viewUser(user.UserKey)">View</button> 
        <button *ngIf="isAdmin || (isSi && userKey == user.UserKey)" title="Edit" class="btn btn-success" (click)="editUser(user.UserKey)">Edit</button> 
        <button *ngIf="isAdmin" title="Delete" class="btn btn-danger" (click)="deleteUser(user.UserKey)">Delete</button> 
       </td> 
       </tr> 
       </tbody> 

감사합니다.

Answer 1

짧고 간단한 : 도움을 비벡 트레이 도시에

<ng-template *ngFor="let user of users"> 
    <tr *ngIf="isAdmin && user.isAdmin"> // check all your conditions here 
    ..... 
    </tr> 
</ng-template> 

---

Another way is :

1) Filter users array from component side on ngOnInit as per the logged in user

2) Use pipe function to filter the array

Answer 2

감사합니다. 나는 약간의 조정을 통해 올바른 정보를 표시 할 수있었습니다. <ng-template> didnt 작업을 사용하면 테이블에 아무 것도 표시되지 않으므로 <tbody>에 을 추가 한 다음 <tr *ngIf="isAdmin && (user.TestRole.Description === 'Admin' || user.TestRole.Description === 'Senior Investigators') || user.TestRole.Description === 'Senior Investigators'">을 추가했습니다. 관리자가 로그인하지 않은 경우이 모든 사용자를로드하고 관리자가 아닌 사용자가 로그인 한 경우 관리자가 아닌 사용자를로드합니다. in.