why my code is not creating any kendo widget?

See more:

Telerik

MVC4

AngularJs

i am just copying the demo code which is available on kendo's site but still it is not giving any widget in output,

it is giving the following error -

"TypeError: undefined is not a function" in angular JS.

Do anybody has any idea what is wrong in here? here is my code-

<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/angular/angularjs.js"></script>
<script src="~/Scripts/angular/underscore.js"></script>
<script src="~/Scripts/Kendo/kendo.all.min.js"></script>
<script src="~/Scripts/angular/angular-kendo.js"></script>

<script>
    var myModule = angular.module('myApp', ["kendo.directives"]);
</script>

<div ng-app="myApp">
    <div data-kendo data-role="calendar"></div>
    <ul data-kendo data-role="dropdownlist" ng-transclude>
        <li>element 1</li>
        <li>element 2</li>
    </ul>

</div>

The error is some thing related to "ng-transclude" because if i remove the dropdownlist portion then i didnt get any error, but still dont get the caledar control also.