Отображение количества выбранных опций с помощью ng-select

Question

Я использую компонент ng-select, чтобы позволить пользователям выбирать несколько вариантов из списка.

Когда выбран 1 параметр, я хочу, чтобы этот параметр отображался как обычно. Но когда выбрано 2 или более параметров, я хочу, чтобы в моем пользовательском шаблоне отображалась сводка, подобная 2 Selected. Визуальный пример:

Моя попытка создания пользовательского макета в коде шаблона заключается в следующем:

  <ng-template ng-multi-label-tmp let-items="items" let-clear="clear">
    <div *ngIf="selectedCounter >= 1" class="ng-values-list">
      <div class="ng-value" *ngFor="let item of items | slice:0:1">
        <span class="ng-value-label">{{item.name}}</span>
        <span class="ng-value-icon right" (click)="clear(item)">×</span>
      </div>
    </div>
    <div *ngIf="selectedCounter > 1" class="ng-summary-list">
      <div class="ng-value">
        <span class="ng-value-label">{{ selectedCounter }} Selected</span>
      </div>
    </div>
  </ng-template>

, который в настоящее время отображает оба выбранный параметр, и сводка, подобная этой:

Есть ли что-то, что я могу сделать внутри кода шаблона, чтобы показать только Сводка, когда выбрано более 1 варианта?

Answer 1

Не должен быть первый div:

    <div *ngIf="selectedCounter == 1" class="ng-values-list">

когда selectedCounter = 2, оба ваших if - true.