angularjs - 为什么我的代码没有创建 Kendo 小部件？

Question

我只是复制了 kendo 网站上可用的演示代码，但它仍然没有在输出中提供任何小部件，并且出现以下错误 -

angular JS 中的“TypeError: undefined is not a function”。

我还为它创建了一个新的 jsfiddle 这是链接- http://jsfiddle.net/akki166786/MYe2T/

有人知道这里出了什么问题吗？ 这是我的代码

<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>

错误与“ng-transclude”有关，因为如果我删除下拉列表部分，那么我没有收到任何错误，但仍然没有得到 caledar 控件。

Answer 1

我遇到了同样的问题。

看起来您的代码基于以下页面: http://kendo-labs.github.io/angular-kendo/

该库有不同版本(“angular-kendo.js”文件):

1. 示例中的一个(看起来是旧版本)
2. 另一个来自 github 根文件夹 https://github.com/kendo-labs/angular-kendo
3. 并从github js文件夹中

某些功能在指向不同/旧版本时有效。

编辑:解决方案是从浏览器源中获取 html 示例。因此，只需查看页面的源代码并使用该示例即可。这个对我有用。页面上的示例是旧的。