MultiSelect: Nested Property Binding not working

[Jayaram Krishnan]

Hi,

I noticed that binding text field to a nested property on the data does not display the value as expected.As an example, I bind my widget to an array of Article objects, and each article has translation property of type ArticleTranslation. ArticleTranslation has title property of type string, which my widget is bound to.

Here is my plunker:

https://plnkr.co/edit/DQ3ezkJ60GqVHNQ8kmVK?p=preview

 

Thanks

Madani

[Dimiter Topalov]

Hello Madani,

Indeed, binding to a nested property in the described manner is not supported, but you can use Tag and Item templates to successfully display the nested property's value, e.g.:

<ng-template kendoMultiSelectTagTemplate let-dataItem>{{dataItem.translation.title}}
        </ng-template>
        <ng-template kendoMultiSelectItemTemplate let-dataItem>{{dataItem.translation.title}}
        </ng-template>

https://plnkr.co/edit/ONdCw3FxzVp7tV3WQPUY?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Jayaram Krishnan]

Thanks Dimiter. That did it.