While I was able to use the angular directive using k-options. It seems from my research that the kendo ui menu does not support updating the dataSource after the kendo widget has been initialized. This is however possible in other kendo widgets such as the grid. I would be interested if anyone else has solved this problem. I have a work around consisting of removing the angular directive all together and using kendo ui javascript implementation to build the menu after the dataSource call is made. To update you must destroy the kendo widget $('#menu').data('kendoMenu').destroy(), then empty out the container dom element using $('#menu').html('') then rebuild it using $('#menu').kendoMenu({ dataSource: myDataSource}) This performs the way I want but unfortunately is not a good angular implementation as it forces me to manually manipulate the dom.

Any thoughts would be great.

- Josh

Hello Joshua,

The problem comes from the fact that the Kendo UI Menu does not use the standard Kendo UI DataSource, but a light version of it, that does not support the data binding mechanisms that you are already familiar with. In an AngularJS application, you can consider using the k-rebind directive that will handle change in the options, so the widget is correctly redrawn. Please check the following documentation article:

http://docs.telerik.com/kendo-ui/AngularJS/introduction#updating-widgets-when-options-change