使用 ng-select 顯示所選選項的計數

Question

我正在使用 ng-select 組件來允許用戶從列表中選擇 select 多個選項。

When 1 option is selected I want the option to be visible like normal. But, when 2 or more options are selected I want my custom template to display a summary like 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 都是真的。