Angular, ng-шаблоны с условием if

Я действительно не знаю, сколько ролей в вашем проекте. Но если вы хотите использовать два шаблона ng, проверьте и протестируйте следующий код.

<div *ngIf = "ngIf = "rolet.role.id== adminRoleId; then #role else #admin"></div>
<ng-template #role>
  ...
</ng-template>
<ng-template #admin>
  ....
</ng-template>

Вы всегда можете использовать чехол-переключатель. Так быстрее и скажем чище (личное мнение)

<div [ngSwitch] = "num">
      <div *ngSwitchCase = "'1'">One</div>
      <div *ngSwitchCase = "'2'">Two</div>
      <div *ngSwitchCase = "'3'">Three</div>
      <div *ngSwitchCase = "'4'">Four</div>
      <div *ngSwitchCase = "'5'">Five</div>
      <div *ngSwitchDefault>This is Default</div>
   </div>

Я помещаю их в отдельные теги div, подобные этому

 <div *ngIf = "rolet.role.id== adminRoleId">
  <ng-template #adimn></ng-template>
</div>

 <div *ngIf = "rolet.role.id!= adminRoleId">
  <ng-template #role></ng-template>
</div>