MultiSelect Not Displaying Item Template Correctly

[n/a]

The following code is is not displaying the item template correctly with check boxes.   If I don't use the item template it displays the data correctly.

 

<kendo-multiselect style="width: 250px;" [data]="userOrganizations" [textField]="'name'"
                   [valueField]="'partner_oid'" placeholder="State/Municipality" [(ngModel)]="selectedOrganization" [autoClose]="false"
                   [popupSettings]="{ width: 250, height: 350}">
  <ng-template kendoMultiSelectItemTemplate let-dataItem>
    <input type="checkbox" class="k-checkbox"
           [checked]="isItemSelected(dataItem.name)">
    <label class="k-checkbox-label">Name{{ dataItem.name }}</label>
  </ng-template>
</kendo-multiselect>

[Martin Bechev]

Hi John,

Thank you for the provided code snippet and screenshot.

I looked through it but the code seems valid. I also create a StackBlitz example and on my side, it works as expected. Please check the demo:

https://stackblitz.com/edit/angular-odb5fc?file=app%2Fapp.component.ts

Please make sure that the latest version of our theme and kendo packages are used as this ensures that the project will benefit from the most recent bug fixes and features.

In case the issue persists, send us some further details about this case. Ideally, a runnable application or StackBlitz demo where we can observe the reported behavior, inspect the code and try to find the root of the issue.

Thank you in advance.

Regards,
Martin
Progress Telerik