为什么我的代码不能创建一个Kendo小部件?

时间:2013-06-12 13:27:55

标签: angularjs kendo-asp.net-mvc

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

“角度JS中的TypeError:undefined不是函数”。

我还为它创建了一个新的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控件。

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题。

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

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

  1. 一个例子(它看起来像是旧版本)
  2. 另一个来自github根文件夹https://github.com/kendo-labs/angular-kendo
  3. 来自github js文件夹
  4. 某些功能在指向不同/旧版本时有效。

    编辑: 解决方案是从浏览器源获取html示例。所以只需查看页面的来源并使用该示例。这个对我有用。页面上的示例很旧。