angular - nz-transfer穿梭框问题？

Question

如何修改angular穿梭框的总数统计，只显示角色下面的数据，怎么修改统计数据方法。

<nz-transfer

      [nzDataSource]="itemListOfData"
      [nzFilterOption]="filterOption"
      [nzRenderList]="[renderList, renderList]"
      [nzListStyle]="{ height: '100%' }"
      [nzShowSearch]="true"
      [nzShowSelectAll]="false"
      [nzTitles]="['已选', '未选']"
      [nzSearchPlaceholder]="'姓名/代码/首拼/助记'"
      (nzChange)="changeData($event)"
    >
      <ng-template
        #renderList
        let-items
        let-direction="direction"
        let-stat="stat"
        let-disabled="disabled"
        let-onItemSelectAll="onItemSelectAll"
        let-onItemSelect="onItemSelect"
      >
        <nz-table
          #t
          [nzData]="$asTransferItems(items)"
          nzFrontPagination="false"
          nzShowPagination="false"
          [nzScroll]="{ x: '100%' }"
          ktTableFullHeight
          [nzVirtualItemSize]="36"
        >
          <thead>
            <tr>
              <th
                [nzDisabled]="disabled"
                [nzChecked]="stat.checkAll"
                [nzIndeterminate]="stat.checkHalf"
                (nzCheckedChange)="onItemSelectAll($event)"
                nzWidth="50px"
              ></th>
              <th nzWidth="100px">代码</th>
              <th>评定项名称</th>
              <th nzWidth="150px">所属机构</th>
            </tr>
          </thead>
          <tbody>
            <ng-template nz-virtual-scroll let-data let-i="index">
              <tr *ngIf="data.isTitle">
                <td
                  [nzChecked]="!!data.checked"
                  [nzDisabled]="disabled || data.disabled"
                  (nzCheckedChange)="onItemSelect1($event, data, onItemSelect)"
                >
                </td>
                <td colspan="4">
                  <span style="font-weight: 700">评定角色：{{ data['isTitle'] | emptyData }}</span>
                </td>
              </tr>
              <tr *ngIf="!data.isTitle">
                <td
                  [nzChecked]="!!data.checked"
                  [nzDisabled]="disabled || data.disabled"
                  (nzCheckedChange)="onItemSelect1($event, data, onItemSelect)"
                ></td>
                <td nzEllipsis nz-tooltip ktTooltipOverflowEllipsis>
                  {{ data['code'] | emptyData }}
                </td>
                <td nzEllipsis nz-tooltip ktTooltipOverflowEllipsis>
                  {{ data['itemName'] | emptyData }}
                </td>
                <td nzEllipsis nz-tooltip ktTooltipOverflowEllipsis>{{ data['branchCodeName'] | emptyData }}</td>
              </tr>
            </ng-template>
          </tbody>
        </nz-table>
      </ng-template>
    </nz-transfer>

Answer 1

目前没有这个接口（你可以试试js操作替换），一般这样的需求你得从左边的列表入手，把不能选择的项目禁用掉。