Как заменить элементы списка новым элементом в ng-контейнере

Question

У меня есть приложение angular 8.

, и я использую mat-tab. И вы можете сделать новый предмет. Но проблема сейчас в том, что вы создали новый элемент, тогда новый элемент будет отображаться под списком элементов. И поэтому, если у вас много элементов списка, новый элемент будет помещен в список элементов, и вы его не увидите.

Итак, у меня есть это:

<mat-tab>
        <ng-template mat-tab-label>
          <mat-icon class="notes">note</mat-icon>
          <span i18n>Notes</span>{{ dossierItemsCountString(itemTypes.Note) }}
          <a [routerLink]="['../', dossier.id, 'item', 'new', itemTypes.Note]"
            ><mat-icon class="add_box">add</mat-icon>
          </a>
        </ng-template>
         <ng-container *ngTemplateOutlet="itemList; context: { itemType: itemTypes.Note }"></ng-container> 
      </mat-tab>

и так это элементы:

   <ng-container *ngTemplateOutlet="itemList; context: { itemType: itemTypes.Note }"></ng-container> 

Но если вы сейчас создадите новый:

 <a [routerLink]="['../', dossier.id, 'item', 'new', itemTypes.Note]"
            ><mat-icon class="add_box">add</mat-icon>
          </a>

, то этот элемент будет показан в списке элементов. И я хочу заменить это:

 <ng-container *ngTemplateOutlet="itemList; context: { itemType: itemTypes.Note }"></ng-container> 

при появлении нового элемента (компонента).

Но как это сделать? Спасибо