Thanks Petyo. I was able to get it working by creating a new project using VS plugin and copying your code in with one difference. I had to add the following because I was getting and "unsafe" error:
angular.module("kendoDemo", ["kendo.directives"]).config(function ($compileProvider) {
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension|local|file):/);
});
Once I added this, it worked, but I cannot get it to work in my app and I think that it is because I am using remote views. If I add this and try it I get "Uncaught TypeError: Cannot read property 'openFor' of undefined" in kendo.all.min.js:27.
I tried modifying the href and using ng-href instead but cannot get it working. I saw that people had this error using it in the demo and had to add the "require" in the app.js, but I don't understand how to convert this to AngularJS use (http://www.telerik.com/forums/drawer-problem).
I'm using remote views by adding the k-initial in the body tag and then setting it like so:
app.run(function ($rootScope) {
$rootScope.initialView = "app/cm/areainquiry.html";
});
Or, it could just be because I am using a kendo-mobile-layout.