error TS2339: Property 'name' does not exist on type 'unknown'

Hi,

When I try to build (with Ivy) the example “Custom template for all selected items using ng-multi-label-tmp” I’ve got this error : error TS2339: Property 'avatar_url' does not exist on type 'unknown'

If I disable Ivy, it compiles. Is there a way to allow this example to compile ? It seems like let-items=“items” in the declaration of ng-multi-label-tmp doesn’t keep the type of [items]

I use this example in my project and would like to build it using Ivy. Here is my code :

<div class="col-12 col-sm-6 col-md-4 col-xl p-2" *ngFor="let filter of filters">
    <ng-select
        [placeholder]="filter.name"
        [items]="filter.items"
        bindLabel="name"
        bindValue="filter"
        groupBy="groupValue"
        [selectableGroup]="true"
        [selectableGroupAsModel]="false"
        [multiple]="true"
        [closeOnSelect]="false"
        (change)="applyChange()"
        [(ngModel)]="userSelections[filter.name]"
        class="input-xs"
        >
        <ng-template ng-optgroup-tmp let-item="item">
            {{item.groupValue || ''}}
        </ng-template>
        <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index">
            <input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected"/> {{item.name}}
        </ng-template>
        <ng-template ng-multi-label-tmp let-items="items" let-clear="clear">
            <div class="ng-value" *ngFor="let item of items | slice:0:filter.maxItems">
                <span *ngIf="items.length < filter.maxItems">
                <span class="ng-value-label">{{item.name}}</span>
                <span class="ng-value-icon right" (click)="clear(item)" aria-hidden="true">×</span>
                </span>
            </div>
            <div class="ng-value" *ngIf="items.length > filter.maxItems">
                <span class="ng-value-label">{{items.length - filter.maxItems}} de plus...</span>0
            </div>
        </ng-template>
    </ng-select>
</div>

Thanks for your help.

[promoter0100]

Same here, any updates on this? Btw if someone is struggling with this, dirty solution would be usage of {{$any(item).name}}. It will make compiler happy again.

example:

<ng-select [multiple]="true" [items]="cities" formControlName="city"
   [closeOnSelect]="false" placeholder="Select city" bindLabel="name" bindValue="id">
      <ng-template ng-multi-label-tmp let-items="items" let-clear="clear">
          <div class="ng-value" *ngFor="let item of items | slice:0:2">
              <span class="ng-value-label"> {{$any(item).name}}</span>
              <span class="ng-value-icon right" (click)="clear(item)" aria-hidden="true">×</span>
          </div>
          <div class="ng-value" *ngIf="items.length > 2">
              <span class="ng-value-label">{{items.length - 2}} more...</span>
          </div>
      </ng-template>
</ng-select>

you can try item[“name”]. I don’t know but it’s works

[Exerlol]

Same here, any updates on this? Btw if someone is struggling with this, dirty solution would be usage of {{$any(item).name}}. It will make compiler happy again.

example:

<ng-select [multiple]="true" [items]="cities" formControlName="city"
   [closeOnSelect]="false" placeholder="Select city" bindLabel="name" bindValue="id">
      <ng-template ng-multi-label-tmp let-items="items" let-clear="clear">
          <div class="ng-value" *ngFor="let item of items | slice:0:2">
              <span class="ng-value-label"> {{$any(item).name}}</span>
              <span class="ng-value-icon right" (click)="clear(item)" aria-hidden="true">×</span>
          </div>
          <div class="ng-value" *ngIf="items.length > 2">
              <span class="ng-value-label">{{items.length - 2}} more...</span>
          </div>
      </ng-template>
</ng-select>