Kendo PanelBar with AngularJS ng-Repeat does not render correctly on modifying datasource

Question

I have problems with Kendo PanelBar in combination with ng-repeat and modifiying dynamically the datasource!

You can see a small demo here: http://trykendoui.telerik.com/@IT-SCHMITZ/OrEK/2

After clicking the button "Add new album" you can see, that there was added a new item to the panelbar. Unfornately it is not correctly rendered.

Regards, Daniel

Answer 1

This cannot work with ng-repeat once the widget is initialized. A workaround would be to use the dataSource argument, but since the PanelBar does not currently support a live data source you need to use k-rebind to rebuild the widget when the data changed.

Here's an example: http://trykendoui.telerik.com/@mishoo/Udep