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