kendo ui开始使用/ angular error Uncaught TypeError

时间:2014-08-11 04:14:48

标签: angularjs kendo-ui

我开始使用kendo&角度 - 免费版本 - 我有一个呈现和行为正常的页面,但在后台抛出错误。

我得到了 “未捕获的TypeError:在/js/kendo.angular.min.js:16中无法读取未定义的属性'jQuery'

我认为我有一个错误的依赖/错过了一个,但我不知道哪个。 kendo脚本和css来自核心下载页面http://www.telerik.com/download/kendo-ui-core

这是怎么回事?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kendo With Angular</title>
<link href="kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet" />

<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/angular.min.js"></script>
<script src="kendo/js/kendo.angular.min.js"></script>
<script src="kendo/js/kendo.ui.core.min.js"></script>

</head>
<body ng-app="KendoDemo">

<div ng-controller="Demo">
    {{hello}}

    <input kendo-date-picker k-ng-model="dateObject" />

    {{date | date:'fullDate'}}

    {{dateObject | date:'fullDate'}}
</div>
<script>

    angular.module('KendoDemo',['kendo.directives'])
           .controller('Demo', function($scope) {

        $scope.hello = 'Hello World';
    })

</script>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

kendo.ui.core.js脚本需要在kendo.angular.js脚本之前:

正确的脚本顺序

<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/angular.min.js"></script>
<script src="kendo/js/kendo.ui.core.min.js"></script>
<script src="kendo/js/kendo.angular.min.js"></script>